update bar refetch

src/app/(tabs)/my-bar.tsx

@@ -41,13 +41,6 @@ export default function MyBarScreen() {
   const { deleteFromMyBar, myBarRefetch, myBarLoading, sectionsData, sectionsHeader, myBarError } =
     useFetchMyBar()
 
-  useEffect(() => {
-    if (isFocused) {
-      // Refetch the data when the tab gains focus
-      myBarRefetch()
-    }
-  }, [isFocused, myBarRefetch])
-
   const {
     getRecipeMatch,
     partialMatchData,
@@ -58,6 +51,15 @@ export default function MyBarScreen() {
     totalMatchError,
   } = useFetchMatchedRecipes()
 
+  useEffect(() => {
+    if (isFocused) {
+      // Refetch the data when the tab gains focus
+      myBarRefetch()
+      totalMatchRefetch()
+      partialMatchRefetch()
+    }
+  }, [isFocused, myBarRefetch])
+
   const renderIngredientItem = useCallback(
     ({ item }) => {
       if (!item.name) return <View className="w-full h-64 bg-white p-page-spacing" />

src/hooks/useFetchMatchedRecipes.ts

@@ -1,7 +1,5 @@
 import { useQuery } from '@apollo/client'
-import { useIsFocused } from '@react-navigation/native'
 import { router } from 'expo-router'
-import { useEffect } from 'react'
 import { GetPartialMatchRecipesQuery, GetTotalmatchRecipesQuery } from '~/__generated__/graphql'
 import { CardProps } from '~/components'
 import { GET_PARTIAL_MATCH_RECIPES, GET_TOTAL_MATCH_RECIPES } from '~/graphql/queries'
@@ -23,15 +21,6 @@ export const useFetchMatchedRecipes = () => {
       error: partialMatchError,
     } = useQuery(GET_PARTIAL_MATCH_RECIPES)
 
-    const isFocused = useIsFocused()
-
-    useEffect(() => {
-      if (isFocused) {
-        totalMatchRefetch()
-        partialMatchRefetch()
-      }
-    }, [isFocused, totalMatchRefetch, partialMatchRefetch])
-
     const getRecipeMatch = (
       matchedData: GetTotalmatchRecipesQuery | GetPartialMatchRecipesQuery,
     ): CardProps[] => {