Deletion fix

hooks/firebase/useDeleteEvent.ts

@@ -1,39 +1,70 @@
 import {useMutation, useQueryClient} from "@tanstack/react-query";
 import firestore from "@react-native-firebase/firestore";
+import {useAuthContext} from "@/contexts/AuthContext";
 
 export const useDeleteEvent = () => {
+    const {user, profileData} = useAuthContext();
     const queryClient = useQueryClient();
 
     return useMutation({
         mutationKey: ["deleteEvent"],
         mutationFn: async ({eventId, docId}: { eventId?: string; docId?: string }) => {
             try {
-                if (docId) {
-                    await firestore()
-                        .collection("Events")
-                        .doc(docId)
-                        .delete();
-                } else if (eventId) {
-                    const snapshot = await firestore()
-                        .collection("Events")
-                        .where("id", "==", eventId)
-                        .get();
-
-                    const doc = snapshot.docs[0];
-                    if (doc) {
-                        await doc.ref.delete();
-                    } else {
-                        console.warn("Event not found");
-                    }
-                } else {
-                    console.warn("No identifier provided");
-                }
+                await firestore()
+                    .collection("Events")
+                    .doc(eventId ?? docId)
+                    .delete();
             } catch (e) {
                 console.error(e);
+                throw e;
             }
         },
-        onSuccess: () => {
-            queryClient.invalidateQueries({queryKey: ["events"]});
+        onMutate: async ({eventId, docId}) => {
+            await queryClient.cancelQueries({
+                queryKey: ["events", user?.uid]
+            });
+
+            const previousPersonalEvents = queryClient.getQueryData(["events", user?.uid, false]);
+            const previousFamilyEvents = queryClient.getQueryData(["events", user?.uid, true]);
+
+            const updateQueryData = (old: any[] | undefined) =>
+                old?.filter(event => event.id !== (eventId ?? docId));
+
+            queryClient.setQueryData(
+                ["events", user?.uid, false],
+                updateQueryData
+            );
+            queryClient.setQueryData(
+                ["events", user?.uid, true],
+                updateQueryData
+            );
+
+            return {previousPersonalEvents, previousFamilyEvents};
+        },
+        onError: (err, variables, context) => {
+            queryClient.setQueryData(
+                ["events", user?.uid, false],
+                context?.previousPersonalEvents
+            );
+            queryClient.setQueryData(
+                ["events", user?.uid, true],
+                context?.previousFamilyEvents
+            );
+        },
+        onSettled: () => {
+            if (profileData?.familyId) {
+                firestore()
+                    .collection("Households")
+                    .where("familyId", "==", profileData.familyId)
+                    .get()
+                    .then(snapshot => {
+                        snapshot.docs.forEach(doc => {
+                            doc.ref.update({
+                                lastSyncTimestamp: firestore.FieldValue.serverTimestamp()
+                            });
+                        });
+                    });
+            }
         }
     });
 };

hooks/firebase/useGetEvents.ts

@@ -139,7 +139,7 @@ export const useGetEvents = () => {
     return useQuery({
         queryKey: ["events", user?.uid, isFamilyView],
         queryFn: () => fetchEvents(user?.uid!, profileData?.familyId, isFamilyView),
-        staleTime: 5 * 60 * 1000,
+        staleTime: Infinity,
         gcTime: Infinity,
         placeholderData: (previousData) => previousData,
         enabled: Boolean(user?.uid),