added firebase profiles

app/(auth)/main/index.tsx

@@ -1,7 +1,354 @@
-import {View} from "react-native-ui-lib";
+import React, { useEffect, useState } from "react";
+import { Text, Button, TextInput } from "react-native";
+import firestore from "@react-native-firebase/firestore";
+import auth from "@react-native-firebase/auth";
+import {} from "@react-native-firebase/auth/";
+import { View, TextField, ListItem, Picker } from "react-native-ui-lib";
 
-export default function Screen() {
+type ProfileType = "Parent" | "Child" | "Caregiver" | null;
-    return (
+
-        <View/>
+interface User {
-    )
+  uid: string;
-}
+  email: string | null;
+}
+
+interface UserProfile {
+  userType: "parent" | "child" | "caregiver";
+  name: string;
+}
+
+interface ParentProfile extends UserProfile {
+  userType: "parent";
+}
+
+interface ChildProfile extends UserProfile {
+  userType: "child";
+  birthday: Date;
+  parentId: string;
+}
+
+interface CaregiverProfile extends UserProfile {
+  userType: "caregiver";
+  //assignedChildrenId: string[];
+  contact: string;
+}
+
+const Screen: React.FC = () => {
+  const [user, setUser] = useState<User | null>(null);
+  const [profileType, setProfileType] = useState<ProfileType>(null);
+  const [email, setEmail] = useState<string>("");
+  const [password, setPassword] = useState<string>("");
+  const [child, setChild] = useState<ChildProfile>({
+    name: "",
+    birthday: new Date(),
+    userType: "child" as const,
+    parentId: "",
+  });
+  const [caregiver, setCaregiver] = useState<CaregiverProfile>({
+    name: "",
+    contact: "",
+    userType: "caregiver",
+  });
+
+  const [children, setChildren] = useState<ChildProfile[]>([]);
+  const [caregivers, setCaregivers] = useState<CaregiverProfile[]>([]);
+
+  useEffect(() => {
+    const isDevelopment = __DEV__;
+
+    if (isDevelopment) {
+      firestore().useEmulator("localhost", 8080);
+      auth().useEmulator("http://127.0.0.1:9099");
+    }
+
+    const unsubscribe = auth().onAuthStateChanged(async (firebaseUser) => {
+      if (firebaseUser) {
+        const userObj: User = {
+          uid: firebaseUser.uid,
+          email: firebaseUser.email,
+        };
+        setUser(userObj);
+
+        try {
+          const documentSnapshot = await firestore()
+            .collection("Users")
+            .doc(firebaseUser.uid)
+            .get();
+          if (documentSnapshot.exists) {
+            setProfileType(documentSnapshot.data()?.profileType || null);
+          }
+        } catch (error) {
+          console.error("Error fetching user profile type:", error);
+          setProfileType(null);
+        }
+      } else {
+        setUser(null);
+        setProfileType(null);
+      }
+    });
+
+    return unsubscribe;
+  }, []);
+
+  const fetchChildren = async () => {
+    if (user) {
+      const childrenProfiles = await getChildrenByParentId(user.uid);
+      setChildren(childrenProfiles);
+    }
+  };
+  const fetchCaregivers = async () => {
+      const caregiverProfiles = await getCaregivers();
+      setCaregivers(caregiverProfiles);
+  };
+
+  useEffect(() => {
+    fetchChildren();
+    fetchCaregivers();
+  }, []);
+  useEffect(() => {
+    fetchChildren();
+    fetchCaregivers();
+  }, [user]);
+
+  const getCaregivers = async (
+  ): Promise<CaregiverProfile[]> => {
+    try {
+      const snapshot = await firestore()
+        .collection("Profiles")
+        .where("userType", "==", "caregiver")
+        .get();
+
+      const caregivers: CaregiverProfile[] = snapshot.docs.map((doc) => {
+        const data = doc.data();
+        return {
+          ...data,
+        } as CaregiverProfile;
+      });
+
+      return caregivers;
+    } catch (error) {
+      console.error("Error retrieving caregivers:", error);
+      return [];
+    }
+  };
+
+  const getChildrenByParentId = async (
+    parentId: string
+  ): Promise<ChildProfile[]> => {
+    try {
+      const snapshot = await firestore()
+        .collection("Profiles")
+        .where("userType", "==", "child")
+        .where("parentId", "==", parentId)
+        .get();
+
+      const children: ChildProfile[] = snapshot.docs.map((doc) => {
+        const data = doc.data();
+        return {
+          ...data,
+          birthday: data.birthday.toDate(),
+        } as ChildProfile;
+      });
+
+      return children;
+    } catch (error) {
+      console.error("Error retrieving child users:", error);
+      return [];
+    }
+  };
+
+  const handleLogin = async () => {
+    try {
+      await auth().signInWithEmailAndPassword(email, password);
+      console.log("User signed in!");
+    } catch (error) {
+      console.error("Error during sign in:", error);
+    }
+  };
+
+  const handleSignOut = async () => {
+    try {
+      await auth().signOut();
+    } catch (error) {
+      console.error("error during Sign out: ", error);
+    }
+  };
+
+  const handleProfileTypeSelection = (type: ProfileType) => {
+    if (user) {
+      setProfileType(type);
+
+      firestore()
+        .collection("Users")
+        .doc(user.uid)
+        .set({ profileType: type }, { merge: true });
+    }
+  };
+
+  const handleNewChild = async (newChild: ChildProfile) => {
+    try {
+      if (user) newChild.parentId = user.uid;
+      await firestore().collection("Profiles").add(newChild);
+    } catch (error) {
+      console.error(error);
+    } finally {
+      setChild((prev) => ({ ...prev, name: "" }));
+    }
+  };
+
+  const handleNewCaregiver = async (newCaregiver: CaregiverProfile) => {
+    try {
+      await firestore().collection("Profiles").add(newCaregiver);
+    } catch (error) {
+      console.error(error);
+    } finally {
+      setCaregiver((prev) => ({ ...prev, name: "", contact: "" }));
+    }
+  };
+
+  const renderLogin = () => (
+    <View marginH-20>
+      <TextInput placeholder="Email" value={email} onChangeText={setEmail} />
+      <TextInput
+        placeholder="Password"
+        value={password}
+        onChangeText={setPassword}
+        secureTextEntry
+      />
+      <Button title="Login" onPress={handleLogin} />
+      <Text>Choose Profile Type:</Text>
+      <Button
+        title="Parent"
+        onPress={() => handleProfileTypeSelection("Parent")}
+      />
+      <Button
+        title="Child"
+        onPress={() => handleProfileTypeSelection("Child")}
+      />
+      <Button
+        title="Caregiver"
+        onPress={() => handleProfileTypeSelection("Caregiver")}
+      />
+    </View>
+  );
+
+  const renderParentControls = () => (
+    <View>
+      <Text>Parent Dashboard</Text>
+    </View>
+  );
+
+  const renderChildControls = () => (
+    <View>
+      <Text>Child Dashboard</Text>
+    </View>
+  );
+
+  const renderCaregiverControls = () => (
+    <View>
+      <Text>Caregiver Dashboard</Text>
+    </View>
+  );
+
+  return (
+    <View>
+      {user ? (
+        <View paddingH-20>
+          {profileType === "Parent" && renderParentControls()}
+          {profileType === "Child" && renderChildControls()}
+          {profileType === "Caregiver" && renderCaregiverControls()}
+          <Button title="sign out" onPress={handleSignOut} />
+          <TextField
+            placeholder={"Child Name"}
+            floatingPlaceholder
+            value={child.name}
+            onChangeText={(value) =>
+              setChild((prevChild) => ({
+                ...prevChild,
+                name: value,
+              }))
+            }
+            enableErrors
+            validate={["required", (value: string) => value.length > 6]}
+            validationMessage={[
+              "Field is required",
+              "Email is invalid",
+              "Password is too short",
+            ]}
+            showCharCounter
+            maxLength={30}
+          />
+          <Button
+            title="Add Child"
+            onPress={() => {
+              handleNewChild(child);
+              fetchChildren();
+            }}
+          />
+          <TextField
+            placeholder={"Caregiver Name"}
+            floatingPlaceholder
+            value={caregiver.name}
+            onChangeText={(value) =>
+              setCaregiver((prevCaregiver) => ({
+                ...prevCaregiver,
+                name: value,
+              }))
+            }
+            enableErrors
+            validate={["required", (value: string) => value.length > 6]}
+            validationMessage={["Field is required"]}
+            showCharCounter
+            maxLength={30}
+          />
+          <TextField
+            placeholder={"Caregiver Contact"}
+            floatingPlaceholder
+            value={caregiver.contact}
+            onChangeText={(value) =>
+              setCaregiver((prevCaregiver) => ({
+                ...prevCaregiver,
+                contact: value,
+              }))
+            }
+            enableErrors
+            validate={[
+              "number",
+              "required",
+              (value: string) => value.length > 9,
+            ]}
+            validationMessage={["Field is required"]}
+            showCharCounter
+            maxLength={30}
+          />
+          <Button
+            title="Add Caregiver"
+            onPress={() => {
+              handleNewCaregiver(caregiver);
+              fetchCaregivers();
+            }}
+          />
+          <View margin-20>
+            <Text>Children:</Text>
+            {children.map((child) => (
+              <View key={child.name} row>
+                <Text>Name: {child.name} </Text>
+                <Picker label="Pick Caregiver">
+                  {caregivers.map((item) => (
+                    <Picker.Item key={item.name} label={item.name} value={item.name}>
+
+                    </Picker.Item>
+                  ))}
+                </Picker>
+              </View>
+            ))}
+          </View>
+        </View>
+      ) : (
+        renderLogin()
+      )}
+    </View>
+  );
+};
+
+export default Screen;

package-lock.json

@@ -14,6 +14,7 @@
         "@react-native-firebase/app": "^20.3.0",
         "@react-native-firebase/auth": "^20.3.0",
         "@react-native-firebase/crashlytics": "^20.3.0",
+        "@react-native-firebase/firestore": "^20.3.0",
         "@react-navigation/drawer": "^6.7.2",
         "@react-navigation/native": "^6.0.2",
         "expo": "~51.0.24",
@@ -7091,6 +7092,15 @@
         }
       }
     },
+    "node_modules/@react-native-firebase/firestore": {
+      "version": "20.3.0",
+      "resolved": "https://registry.npmjs.org/@react-native-firebase/firestore/-/firestore-20.3.0.tgz",
+      "integrity": "sha512-bCFjM5FBshsyRD8UQfPlzbHoOshNZ+oVSFiWP6pz1jp9mumTfTaEi0pEqqRhGuxX2mDA/1lJQT44RXfHTAQ3yQ==",
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "@react-native-firebase/app": "20.3.0"
+      }
+    },
     "node_modules/@react-native/assets-registry": {
       "version": "0.74.85",
       "resolved": "https://registry.npmjs.org/@react-native/assets-registry/-/assets-registry-0.74.85.tgz",

package.json

@@ -21,6 +21,7 @@
     "@react-native-firebase/app": "^20.3.0",
     "@react-native-firebase/auth": "^20.3.0",
     "@react-native-firebase/crashlytics": "^20.3.0",
+    "@react-native-firebase/firestore": "^20.3.0",
     "@react-navigation/drawer": "^6.7.2",
     "@react-navigation/native": "^6.0.2",
     "expo": "~51.0.24",