Update logic for profile creation

app/(auth)/main/index.tsx

@@ -4,6 +4,10 @@ import { View, TextField, Picker, Checkbox } from "react-native-ui-lib";
 import useAuth from "@/hooks/firebase/useAuth";
 import useChildren from "@/hooks/firebase/useChildren";
 import useCaregivers from "@/hooks/firebase/useCaregivers";
+import {useCreateSubUser} from "@/hooks/firebase/useCreateSubUser";
+import {email} from "@sideway/address";
+import {UserProfile} from "@/hooks/firebase/types/profileTypes";
+import {uuidv4} from "@firebase/util";
 
 const Screen: React.FC = () => {
   const {
@@ -17,6 +21,7 @@ const Screen: React.FC = () => {
     handleSignOut,
     handleProfileTypeSelection,
     handleRegister,
+
   } = useAuth();
 
   const {
@@ -35,6 +40,22 @@ const Screen: React.FC = () => {
     handleNewCaregiver,
   } = useCaregivers();
 
+    const {mutateAsync: createSubUser} = useCreateSubUser()
+
+    const createNewSubUser = async (userProfile: UserProfile) => {
+        await createSubUser({...userProfile, email: `${uuidv4()}@test.com`})
+        // createSubUser({
+        //     email,
+        //     password,
+        //     userType: profileType!,
+        //     name: "",
+        //     contact: "+381628334",
+        //     ...child
+        // })
+        await fetchChildren();
+        await fetchCaregivers();
+  }
+
   useEffect(() => {
     if (user) {
       fetchChildren();
@@ -131,8 +152,7 @@ const Screen: React.FC = () => {
           <Button
             title="Add Child"
             onPress={() => {
-              handleNewChild(child);
-              fetchChildren();
+                createNewSubUser(child);
             }}
           />
           <TextField
@@ -174,8 +194,7 @@ const Screen: React.FC = () => {
           <Button
             title="Add Caregiver"
             onPress={() => {
-              handleNewCaregiver(caregiver);
-              fetchCaregivers();
+                createNewSubUser(caregiver);
             }}
           />
           <View margin-20>

app/_layout.tsx

@@ -1,38 +1,57 @@
-import { DarkTheme, DefaultTheme, ThemeProvider } from '@react-navigation/native';
-import { useFonts } from 'expo-font';
-import { Stack } from 'expo-router';
+import {DarkTheme, DefaultTheme, ThemeProvider} from '@react-navigation/native';
+import {useFonts} from 'expo-font';
+import {Stack} from 'expo-router';
 import * as SplashScreen from 'expo-splash-screen';
-import { useEffect } from 'react';
+import {useEffect} from 'react';
 import 'react-native-reanimated';
 
-import { useColorScheme } from '@/hooks/useColorScheme';
+import {useColorScheme} from '@/hooks/useColorScheme';
+import {AuthContextProvider} from "@/contexts/AuthContext";
+
+import functions from "@react-native-firebase/functions";
+import firestore from "@react-native-firebase/firestore";
+import auth from "@react-native-firebase/auth";
+import {QueryClient, QueryClientProvider} from "react-query";
 
 // Prevent the splash screen from auto-hiding before asset loading is complete.
 SplashScreen.preventAutoHideAsync();
 
-export default function RootLayout() {
-  const colorScheme = useColorScheme();
-  const [loaded] = useFonts({
-    SpaceMono: require('../assets/fonts/SpaceMono-Regular.ttf'),
-  });
+const queryClient = new QueryClient()
 
-  useEffect(() => {
-    if (loaded) {
-      SplashScreen.hideAsync();
-    }
-  }, [loaded]);
 
-  if (!loaded) {
-    return null;
-  }
-
-  return (
-    <ThemeProvider value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
-      <Stack>
-        <Stack.Screen name="(auth)" options={{ headerShown: false }} />
-        <Stack.Screen name="(unauth)" options={{ headerShown: false }} />
-        <Stack.Screen name="+not-found" />
-      </Stack>
-    </ThemeProvider>
-  );
+if (__DEV__) {
+    functions().useEmulator('localhost', 5001);
+    firestore().useEmulator("localhost", 5471);
+    auth().useEmulator("http://localhost:9099");
+}
+
+export default function RootLayout() {
+    const colorScheme = useColorScheme();
+    const [loaded] = useFonts({
+        SpaceMono: require('../assets/fonts/SpaceMono-Regular.ttf'),
+    });
+
+    useEffect(() => {
+        if (loaded) {
+            SplashScreen.hideAsync();
+        }
+    }, [loaded]);
+
+    if (!loaded) {
+        return null;
+    }
+
+    return (
+        <QueryClientProvider client={queryClient}>
+            <AuthContextProvider>
+                <ThemeProvider value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
+                    <Stack>
+                        <Stack.Screen name="(auth)" options={{headerShown: false}}/>
+                        <Stack.Screen name="(unauth)" options={{headerShown: false}}/>
+                        <Stack.Screen name="+not-found"/>
+                    </Stack>
+                </ThemeProvider>
+            </AuthContextProvider>
+        </QueryClientProvider>
+    );
 }