add user

Author: itsgratien

App.tsx

@@ -1,4 +1,4 @@
-import React, { FC, useEffect } from 'react';
+import React, { FC } from 'react';
 import 'react-native-gesture-handler';
 import { Provider } from 'react-redux';
 import { store } from './src/redux/store';
@@ -8,6 +8,8 @@ import { tomorrowFonts } from './src/assets';
 import { firebaseConfig } from './src/utils';
 import * as firebase from 'firebase';
 
+firebase.initializeApp(firebaseConfig);
+
 const App: FC = () => {
   const [fontsLoaded] = useFonts({
     'Tomorrow-Regular': tomorrowFonts.regular,
@@ -16,11 +18,6 @@ const App: FC = () => {
     'Tomorrow-SemiBold': tomorrowFonts.semiBold,
     'Tomorrow-ExtraBold': tomorrowFonts.extraBold,
   });
-  
-
-  useEffect(() => {
-    firebase.initializeApp(firebaseConfig);
-  }, []);
 
   if (!fontsLoaded) {
     return <></>;

package.json

@@ -11,6 +11,7 @@
     "@eva-design/eva": "^2.0.0",
     "@expo-google-fonts/inter": "^0.1.0",
     "@expo/vector-icons": "^10.2.1",
+    "@react-native-community/async-storage": "^1.12.0",
     "@react-native-community/masked-view": "0.1.10",
     "@react-native-firebase/app": "^8.4.3",
     "@react-native-firebase/auth": "^9.2.3",

src/redux/epics/auth.epics.ts

@@ -1,10 +1,10 @@
 import { RootEpic } from '.';
 import { AuthTypes, setMessage, setError } from '..';
 import { map, filter, switchMap, catchError } from 'rxjs/operators';
-import { of } from 'rxjs';
+import { of, from } from 'rxjs';
 import { isOfType } from 'typesafe-actions';
-
-import { signInWithGoogle } from '../../repos';
+import AsyncStorage from '@react-native-community/async-storage';
+import { signInWithGoogle, Storage } from '../../repos';
 
 export const welcomeEpic: RootEpic = ($action) => {
   return $action.pipe(
@@ -19,9 +19,11 @@ export const loginWithGoogleEpic: RootEpic = ($action) => {
     switchMap((action) => {
       const { accessToken } = action.payload;
       return signInWithGoogle(accessToken).pipe(
-        map((res) => {
-          console.log(res);
-          return setMessage('logged in');
+        switchMap((res) => {
+          console.log('res', res);
+          return from(AsyncStorage.setItem(Storage.Email, res as string)).pipe(
+            map(() => setMessage('logged'))
+          );
         }),
         catchError((error) => {
           console.log(error);

src/repos/auth/auth.ts

@@ -1,12 +1,23 @@
 import { FirebaseCollectionReference } from '../../utils';
 import firebase from 'firebase';
-import { Observable, from, combineLatest } from 'rxjs';
+import { Observable } from 'rxjs';
+
+export enum Roles {
+  Client = 'Client',
+  Admin = 'Admin',
+  Manager = 'Manager',
+}
+
+export enum Storage {
+  Email = 'Email',
+}
 export interface User {
   id: string;
   email: string;
   username: string;
-  role?: [string];
+  role?: [Roles];
   phoneNumber?: string;
+  avatar?: string;
 }
 
 export const signInWithGoogle = (accessToken: string) => {
@@ -18,7 +29,32 @@ export const signInWithGoogle = (accessToken: string) => {
     firebase
       .auth()
       .signInWithCredential(credential)
-      .then((res) => observer.next(res))
-      .catch(() => observer.error('Something went wrong. Try again'));
+      .then((res) => {
+        if (res.user) {
+          const { email, displayName, photoURL } = res.user;
+          return FirebaseCollectionReference.users()
+            .where('email', '==', email)
+            .get()
+            .then((user) => {
+              if (user.empty) {
+                return FirebaseCollectionReference.users()
+                  .add({
+                    ...res.user,
+                    email,
+                    username: displayName,
+                    avatar: photoURL,
+                    role: [Roles.Client],
+                  })
+                  .then(() => observer.next(email));
+              } else {
+                observer.next(email);
+              }
+            });
+        }
+      })
+      .catch((error) => {
+        console.log(error);
+        observer.error('Something went wrong. Try again');
+      });
   });
 };

src/utils/firebase.ts

@@ -1,6 +1,6 @@
-import * as firebase from 'firebase';
+import { firestore } from 'firebase';
+import 'firebase/firestore';
 
-const { firestore } = firebase;
 export enum firebaseCollection {
   users = 'users',
   books = 'books',