Add useRefetchTrips hook for activity create, update, and delete

app/activity/hooks/useActivityCreate.ts

@@ -2,6 +2,7 @@ import { useToast } from '@chakra-ui/react'
 import { useRouter } from 'next/navigation'
 import { formatToISODate } from '@/libs/utils'
 import { ActivitySchema } from '../schema'
+import { useRefetchTrips } from './useRefetchTrips'
 import { useUploadFiles } from './useUploadFiles'
 import { useCreateActivityMutation } from '@generated/api'
 
@@ -11,6 +12,7 @@ export const useActivityCreate = (tripId: string) => {
   const [createActivityMutation, { loading: isActivityCreating }] =
     useCreateActivityMutation()
   const { uploadFiles } = useUploadFiles()
+  const { refetchTrips } = useRefetchTrips()
 
   const createActivity = async (activityData: ActivitySchema) => {
     try {
@@ -41,6 +43,7 @@ export const useActivityCreate = (tripId: string) => {
         await uploadFiles(activityData.newFiles, { id: createdActivityId, tripId })
       }
 
+      refetchTrips(tripId)
       router.push(`/activity/${createdActivityId}`)
       toast({
         title: 'Successfully created!',

app/activity/hooks/useActivityUpdate.ts

@@ -2,6 +2,7 @@ import { useToast } from '@chakra-ui/react'
 import { useRouter } from 'next/navigation'
 import { formatToISODate } from '@/libs/utils'
 import { ActivitySchema } from '../schema'
+import { useRefetchTrips } from './useRefetchTrips'
 import { useUploadFiles } from './useUploadFiles'
 import { useUpdateActivityMutation } from '@generated/api'
 
@@ -11,6 +12,7 @@ export const useActivityUpdate = (tripId: string) => {
   const [updateActivityMutation, { loading: isActivityUpdating }] =
     useUpdateActivityMutation()
   const { uploadFiles } = useUploadFiles()
+  const { refetchTrips } = useRefetchTrips()
 
   const updateActivity = async (activityId: string, activityData: ActivitySchema) => {
     try {
@@ -41,6 +43,7 @@ export const useActivityUpdate = (tripId: string) => {
         await uploadFiles(activityData.newFiles, { id: activityId, tripId })
       }
 
+      refetchTrips(tripId)
       router.push(`/activity/${activityId}`)
       toast({
         title: 'Successfully updated!',

app/activity/hooks/useRefetchTrips.ts

@@ -0,0 +1,18 @@
+import { useTripsCollectionQuery } from "@generated/api"
+
+// This hook is used to refetch trips after an activity is created, updated, or deleted.
+export const useRefetchTrips = () => {
+  const { refetch } = useTripsCollectionQuery({})
+
+  const refetchTrips = (tripId: string) => {
+    refetch({
+      filter: {
+        id: { eq: tripId }
+      },
+      first: 12,
+      after: null
+    })
+  }
+
+  return { refetchTrips }
+}