firebase integration in project

.gitignore

@@ -22,6 +22,7 @@ DerivedData
 *.ipa
 *.xcuserstate
 ios/.xcode.env.local
+ios/Podfile.lock
 
 # Android/IntelliJ
 #
@@ -40,7 +41,7 @@ local.properties
 node_modules/
 npm-debug.log
 yarn-error.log
-
+package-lock.json
 # fastlane
 #
 # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the

android/app/build.gradle

 apply plugin: "com.android.application"
+apply plugin: 'com.google.gms.google-services'
 apply plugin: "com.facebook.react"
 
 // project.ext.vectoricons = [

android/app/google-services.json

+{
+  "project_info": {
+    "project_number": "84917563501",
+    "project_id": "test-medical-store",
+    "storage_bucket": "test-medical-store.appspot.com"
+  },
+  "client": [
+    {
+      "client_info": {
+        "mobilesdk_app_id": "1:84917563501:android:8830ffe878cd027a648f64",
+        "android_client_info": {
+          "package_name": "com.testprj"
+        }
+      },
+      "oauth_client": [
+        {
+          "client_id": "84917563501-bh1ora2goq7ar0u2emcja3gf8supek4t.apps.googleusercontent.com",
+          "client_type": 3
+        }
+      ],
+      "api_key": [
+        {
+          "current_key": "AIzaSyAeXaurGlR_SduXX61UpADFqQaXJdCxNZU"
+        }
+      ],
+      "services": {
+        "appinvite_service": {
+          "other_platform_oauth_client": [
+            {
+              "client_id": "84917563501-bh1ora2goq7ar0u2emcja3gf8supek4t.apps.googleusercontent.com",
+              "client_type": 3
+            }
+          ]
+        }
+      }
+    }
+  ],
+  "configuration_version": "1"
+}
\ No newline at end of file

android/build.gradle

@@ -17,5 +17,6 @@ buildscript {
     dependencies {
         classpath('com.android.tools.build:gradle:7.4.0')
         classpath("com.facebook.react:react-native-gradle-plugin")
+        classpath 'com.google.gms:google-services:4.3.15'
     }
 }

ios/GoogleService-Info.plist

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CLIENT_ID</key>
+	<string>84917563501-sa7pcjfh516f7ljlb6eln2tkpk4ko98f.apps.googleusercontent.com</string>
+	<key>REVERSED_CLIENT_ID</key>
+	<string>com.googleusercontent.apps.84917563501-sa7pcjfh516f7ljlb6eln2tkpk4ko98f</string>
+	<key>API_KEY</key>
+	<string>AIzaSyCvnobwDyC900XH5MS_Vo2UHYIVLuhjXuU</string>
+	<key>GCM_SENDER_ID</key>
+	<string>84917563501</string>
+	<key>PLIST_VERSION</key>
+	<string>1</string>
+	<key>BUNDLE_ID</key>
+	<string>org.reactjs.native.example.testPrj</string>
+	<key>PROJECT_ID</key>
+	<string>test-medical-store</string>
+	<key>STORAGE_BUCKET</key>
+	<string>test-medical-store.appspot.com</string>
+	<key>IS_ADS_ENABLED</key>
+	<false></false>
+	<key>IS_ANALYTICS_ENABLED</key>
+	<false></false>
+	<key>IS_APPINVITE_ENABLED</key>
+	<true></true>
+	<key>IS_GCM_ENABLED</key>
+	<true></true>
+	<key>IS_SIGNIN_ENABLED</key>
+	<true></true>
+	<key>GOOGLE_APP_ID</key>
+	<string>1:84917563501:ios:e464fbb5128760ec648f64</string>
+</dict>
+</plist>
\ No newline at end of file

ios/Podfile

 require_relative '../node_modules/react-native/scripts/react_native_pods'
 require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
 
+$RNFirebaseAsStaticFramework = true
+
 platform :ios, min_ios_version_supported
 prepare_react_native_project!
 
@@ -22,6 +24,7 @@ if linkage != nil
 end
 
 target 'testPrj' do  
+  use_frameworks! :linkage => :static
   config = use_native_modules!
 
   # Flags change depending on the env values.
@@ -38,7 +41,7 @@ target 'testPrj' do
     #
     # Note that if you have use_frameworks! enabled, Flipper will not work and
     # you should disable the next line.
-    :flipper_configuration => flipper_config,
+    # :flipper_configuration => flipper_config,
     # An absolute path to your application root.
     :app_path => "#{Pod::Config.instance.installation_root}/.."
   )

ios/testPrj/AppDelegate.mm

+#import <Firebase.h>
 #import "AppDelegate.h"
-
 #import <React/RCTBundleURLProvider.h>
 
 @implementation AppDelegate
 
 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
 {
+  [FIRApp configure];
   self.moduleName = @"testPrj";
   // You can add your custom initial props in the dictionary below.
   // They will be passed down to the ViewController used by React Native.

package.json

@@ -10,6 +10,7 @@
     "test": "jest"
   },
   "dependencies": {
+    "@react-native-firebase/app": "^17.2.0",
     "@react-navigation/native": "^6.1.3",
     "@react-navigation/native-stack": "^6.9.9",
     "lottie-react-native": "^5.1.5",

src/components/MedicineList.js

@@ -5,37 +5,37 @@ const items = [
   {
     id: 1,
     name: 'Panadol',
-    price: 18,
+    price: 18.0,
     image: require('../assets/images/products/panadol.png'),
   },
   {
     id: 2,
     name: 'Amoxil 125mg Syrup',
-    price: 128,
+    price: 128.0,
     image: require('../assets/images/products/amoxil-syrup-125mg.jpg'),
   },
   {
     id: 3,
     name: 'Arinac Forte',
-    price: 50,
+    price: 50.0,
     image: require('../assets/images/products/arinac-forte.jpg'),
   },
   {
     id: 4,
     name: 'Telfast 120mg',
-    price: 75,
+    price: 75.0,
     image: require('../assets/images/products/telfast-120mg.jpg'),
   },
   {
     id: 5,
     name: 'Risek 40mg Tablet',
-    price: 120,
+    price: 120.0,
     image: require('../assets/images/products/risek-40mg.jpg'),
   },
   {
     id: 6,
     name: 'Coferb Cough Syrup',
-    price: 90,
+    price: 90.0,
     image: require('../assets/images/products/coferb-syp.jpg'),
   },
 ];