Implement Google Auth button and API integration

android/app/build.gradle

@@ -189,6 +189,8 @@ dependencies {
 
     implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
 
+    implementation "com.google.android.gms:play-services-auth:19.0.0"
+
     debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") {
       exclude group:'com.facebook.fbjni'
     }
@@ -219,3 +221,4 @@ task copyDownloadableDepsToLibs(type: Copy) {
 }
 
 apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)
+// apply plugin: 'com.google.gms.google-services'

android/app/src/main/AndroidManifest.xml

@@ -7,8 +7,8 @@
     <application
       android:name=".MainApplication"
       android:label="@string/app_name"
-      android:icon="@mipmap/ic_launcher"
-      android:roundIcon="@mipmap/ic_launcher_round"
+      android:icon="@mipmap/dietela_logo"
+      android:roundIcon="@mipmap/dietela_logo"
       android:allowBackup="false"
       android:theme="@style/AppTheme"
       android:usesCleartextTraffic="true"

android/app/src/main/res/values/strings.xml

 <resources>
-    <string name="app_name">dietela_mobile</string>
+    <string name="app_name">Dietela</string>
 </resources>

android/settings.gradle

 rootProject.name = 'dietela_mobile'
-include ':@react-native-community_async-storage'
-project(':@react-native-community_async-storage').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-community/async-storage/android')
 include ':react-native-vector-icons'
 project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')
 apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)

app.json

 {
   "name": "dietela_mobile",
-  "displayName": "dietela_mobile"
-}
\ No newline at end of file
+  "displayName": "Dietela"
+}

src/assets/images/index.ts → assets/images/index.ts

 export const banner_girl_eating = require('./banner_girl_eating.png');
 export const logo_white_small = require('./logo_white_small.png');
 export const status_berat_badan = require('./status_berat_badan.png');
+
+export const googleLogo = require('./google_logo.png');
+export const dietelaLogo = require('./dietela_logo.png');

babel.config.js

@@ -6,6 +6,9 @@ module.exports = {
       {
         root: ['./src'],
         extensions: ['.ios.js', '.android.js', '.js', '.ts', '.tsx', '.json'],
+        alias: {
+          assets: './assets',
+        },
       },
     ],
   ],

ios/Podfile

@@ -12,7 +12,9 @@ target 'dietela_mobile' do
 
   pod 'RNGestureHandler', :path => '../node_modules/react-native-gesture-handler'
 
-  pod 'RNCAsyncStorage', :path => '../node_modules/@react-native-community/async-storage'
+  pod 'RNCAsyncStorage', :path => '../node_modules/@react-native-async-storage/async-storage'
+
+  pod 'RNGoogleSignin', :path => "../node_modules/@react-native-google-signin/google-signin"
 
   target 'dietela_mobileTests' do
     inherit! :complete

ios/dietela_mobile/Info.plist

@@ -5,7 +5,7 @@
 	<key>CFBundleDevelopmentRegion</key>
 	<string>en</string>
 	<key>CFBundleDisplayName</key>
-	<string>dietela_mobile</string>
+	<string>Dietela</string>
 	<key>CFBundleExecutable</key>
 	<string>$(EXECUTABLE_NAME)</string>
 	<key>CFBundleIdentifier</key>

jest.config.js

 module.exports = {
   preset: 'react-native',
+  testTimeout: 60000,
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
   setupFiles: [
     './jestSetup.js',
@@ -9,4 +10,7 @@ module.exports = {
     '.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$':
       'jest-transform-stub',
   },
+  transformIgnorePatterns: [
+    'node_modules/?!(@react-native-google-signin/google-signin)',
+  ],
 };