fix: updated favoriting refetch logic

Author: dastrong-codiga

src/renderer/components/Favorite/FavoriteCookbook.tsx

@@ -1,5 +1,6 @@
 import { useMutation } from '@apollo/client';
 import { useToast } from '@codiga/components';
+import useQueryVariables from '../../hooks/useQueryVariables';
 import {
   SUBSCRIBE_TO_COOKBOOK,
   UNSUBSCRIBE_TO_COOKBOOK,
@@ -9,32 +10,12 @@ import {
   GET_USER_COOKBOOKS,
   GET_USER_SUBSCRIBED_COOKBOOKS,
 } from '../../graphql/queries';
-import {
-  GET_SHARED_COOKBOOKS_VARIABLES,
-  GET_USER_COOKBOOKS_VARIABLES,
-  GET_USER_SUBSCRIBED_COOKBOOKS_VARIABLES,
-} from '../../graphql/variables';
 import Favorite, { FavoriteProps } from './Favorite';
 
 type FavoriteCookbookProps = Pick<FavoriteProps, 'isSubscribed'> & {
   cookbookId: number;
 };
 
-const cookbookRefetches = [
-  {
-    query: GET_USER_COOKBOOKS,
-    variables: GET_USER_COOKBOOKS_VARIABLES,
-  },
-  {
-    query: GET_USER_SUBSCRIBED_COOKBOOKS,
-    variables: GET_USER_SUBSCRIBED_COOKBOOKS_VARIABLES,
-  },
-  {
-    query: GET_SHARED_COOKBOOKS,
-    variables: GET_SHARED_COOKBOOKS_VARIABLES,
-  },
-];
-
 export default function FavoriteCookbook({
   isSubscribed,
   cookbookId,
@@ -44,14 +25,35 @@ export default function FavoriteCookbook({
   const [favoriteCookbook] = useMutation(SUBSCRIBE_TO_COOKBOOK);
   const [unfavoriteCookbook] = useMutation(UNSUBSCRIBE_TO_COOKBOOK);
 
+  const myVariables = useQueryVariables('my-cookbooks');
+  const favoriteVariables = useQueryVariables('favorite-cookbooks');
+  const teamVariables = useQueryVariables('team-cookbooks');
+
+  const refetchQueries = [
+    {
+      query: GET_USER_SUBSCRIBED_COOKBOOKS,
+      variables: favoriteVariables,
+      context: { debounceKey: 'favorite-cookbooks' },
+    },
+    {
+      query: GET_USER_COOKBOOKS,
+      variables: myVariables,
+      context: { debounceKey: 'my-cookbooks' },
+    },
+    {
+      query: GET_SHARED_COOKBOOKS,
+      variables: teamVariables,
+      context: { debounceKey: 'team-cookbooks' },
+    },
+  ];
+
   const onFavoriteCookbook = async () => {
     try {
       await favoriteCookbook({
         variables: {
           id: cookbookId,
         },
-        awaitRefetchQueries: true,
-        refetchQueries: cookbookRefetches,
+        refetchQueries,
       });
     } catch (err) {
       toast({
@@ -67,8 +69,7 @@ export default function FavoriteCookbook({
         variables: {
           id: cookbookId,
         },
-        awaitRefetchQueries: true,
-        refetchQueries: cookbookRefetches,
+        refetchQueries,
       });
     } catch (err) {
       toast({

src/renderer/components/Favorite/FavoriteSnippet.tsx

@@ -1,5 +1,6 @@
 import { useMutation } from '@apollo/client';
 import { useToast } from '@codiga/components';
+import useQueryVariables from '../../hooks/useQueryVariables';
 import {
   SUBSCRIBE_TO_RECIPE,
   UNSUBSCRIBE_TO_RECIPE,
@@ -10,33 +11,12 @@ import {
   GET_USER_RECIPES,
   GET_USER_SUBSCRIBED_RECIPES,
 } from '../../graphql/queries';
-import {
-  GET_SHARED_RECIPES_VARIABLES,
-  GET_USER_RECIPES_VARIABLES,
-  GET_USER_SUBSCRIBED_RECIPES_VARIABLES,
-} from '../../graphql/variables';
 import Favorite, { FavoriteProps } from './Favorite';
 
 type FavoriteRecipeProps = Pick<FavoriteProps, 'isSubscribed'> & {
   recipeId: number;
 };
 
-const recipeRefetches = [
-  {
-    query: GET_USER_RECIPES,
-    variables: GET_USER_RECIPES_VARIABLES,
-  },
-  {
-    query: GET_USER_SUBSCRIBED_RECIPES,
-    variables: GET_USER_SUBSCRIBED_RECIPES_VARIABLES,
-  },
-  {
-    query: GET_SHARED_RECIPES,
-    variables: GET_SHARED_RECIPES_VARIABLES,
-  },
-  GET_RECIPES_SEMANTICALLY,
-];
-
 export default function FavoriteSnippet({
   isSubscribed,
   recipeId,
@@ -46,14 +26,41 @@ export default function FavoriteSnippet({
   const [favoriteRecipe] = useMutation(SUBSCRIBE_TO_RECIPE);
   const [unfavoriteRecipe] = useMutation(UNSUBSCRIBE_TO_RECIPE);
 
+  const myVariables = useQueryVariables('my-snippets');
+  const favoriteVariables = useQueryVariables('favorite-snippets');
+  const teamVariables = useQueryVariables('team-snippets');
+  const searchVariables = useQueryVariables('home');
+
+  const refetchQueries = [
+    {
+      query: GET_USER_SUBSCRIBED_RECIPES,
+      variables: favoriteVariables,
+      context: { debounceKey: 'favorite-snippets' },
+    },
+    {
+      query: GET_USER_RECIPES,
+      variables: myVariables,
+      context: { debounceKey: 'my-snippets' },
+    },
+    {
+      query: GET_SHARED_RECIPES,
+      variables: teamVariables,
+      context: { debounceKey: 'team-snippets' },
+    },
+    {
+      query: GET_RECIPES_SEMANTICALLY,
+      variables: searchVariables,
+      context: { debounceKey: 'search' },
+    },
+  ];
+
   const onFavoriteRecipe = async () => {
     try {
       await favoriteRecipe({
         variables: {
           id: recipeId,
         },
-        awaitRefetchQueries: true,
-        refetchQueries: recipeRefetches,
+        refetchQueries,
       });
     } catch (err) {
       toast({
@@ -69,8 +76,7 @@ export default function FavoriteSnippet({
         variables: {
           id: recipeId,
         },
-        awaitRefetchQueries: true,
-        refetchQueries: recipeRefetches,
+        refetchQueries,
       });
     } catch (err) {
       toast({