Shopping List backend implementation

- Implemented fetching, create and update of groceries in db

hooks/firebase/types/groceryData.ts

@@ -0,0 +1,12 @@
+import {GroceryCategory, GroceryFrequency} from "@/contexts/GroceryContext";
+
+export interface IGrocery {
+    id: string;
+    title: string;
+    category: GroceryCategory;
+    approved: boolean;
+    recurring: boolean;
+    frequency: GroceryFrequency;
+    bought: boolean;
+    familyId?: string,
+}

hooks/firebase/useCreateGrocery.ts

@@ -0,0 +1,26 @@
+import { useMutation, useQueryClient } from "react-query";
+import firestore from "@react-native-firebase/firestore";
+import { useAuthContext } from "@/contexts/AuthContext";
+import {IGrocery} from "@/hooks/firebase/types/groceryData";
+
+export const useCreateGrocery = () => {
+    const { profileData } = useAuthContext();
+    const queryClients = useQueryClient();
+
+    return useMutation({
+        mutationKey: ["createGrocery"],
+        mutationFn: async (groceryData: Partial<IGrocery>) => {
+            try {
+                const newDoc = firestore().collection('Groceries').doc();
+                await firestore()
+                    .collection("Groceries")
+                    .add({...groceryData, id: newDoc.id, familyId: profileData?.familyId})
+            } catch (e) {
+                console.error(e)
+            }
+        },
+        onSuccess: () => {
+            queryClients.invalidateQueries("groceries")
+        }
+    })
+}

hooks/firebase/useGetGroceries.ts

@@ -0,0 +1,31 @@
+import {useQuery} from "react-query";
+import firestore from "@react-native-firebase/firestore";
+import {useAuthContext} from "@/contexts/AuthContext";
+
+export const useGetGroceries = () => {
+    const { user, profileData } = useAuthContext();
+
+    return useQuery({
+        queryKey: ["groceries", user?.uid],
+        queryFn: async () => {
+            const snapshot = await firestore()
+                .collection("Groceries")
+                .where("familyId", "==", profileData?.familyId)
+                .get();
+
+            return snapshot.docs.map((doc) => {
+                const data = doc.data();
+
+                return {
+                    id: doc.id,
+                    title: data.title,
+                    category: data.category,
+                    approved: data.approved,
+                    bought: data.bought,
+                    recurring: data.recurring,
+                    frequency: data.frequency
+                };
+            });
+        }
+    })
+};

hooks/firebase/useUpdateGrocery.ts

@@ -0,0 +1,25 @@
+import {useMutation, useQueryClient} from "react-query";
+import firestore from "@react-native-firebase/firestore";
+import {IGrocery} from "@/hooks/firebase/types/groceryData";
+
+export const useUpdateGrocery = () => {
+    const queryClients = useQueryClient()
+
+    return useMutation({
+        mutationKey: ["updateGrocery"],
+        mutationFn: async (groceryData: Partial<IGrocery>) => {
+            console.log(groceryData);
+            try {
+                await firestore()
+                    .collection("Groceries")
+                    .doc(groceryData.id)
+                    .update(groceryData);
+            } catch (e) {
+                console.error(e)
+            }
+        },
+        onSuccess: () => {
+            queryClients.invalidateQueries("events")
+        }
+    })
+}