fix(home/profile): reset mutation after changing slug

hikka-io · May 6, 2024 · 56aff9d · 56aff9d
1 parent 4c709a6
commit 56aff9d
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/app/(pages)/(root)/components/profile.tsx b/app/(pages)/(root)/components/profile.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import MaterialSymbolsAddRounded from '~icons/material-symbols/add-rounded';
 import MaterialSymbolsRemoveRounded from '~icons/material-symbols/remove-rounded';
 import MaterialSymbolsSettingsOutline from '~icons/material-symbols/settings-outline';
@@ -44,7 +44,7 @@ const Profile = () => {
     const selectedWatch =
         list?.find((item) => item.anime.slug === selectedSlug) || list?.[0];
 
-    const { mutate: mutateAddWatch, variables, isPending } = useAddWatch();
+    const { mutate: mutateAddWatch, variables, isPending, reset } = useAddWatch();
 
     const openWatchEditModal = () => {
         if (selectedWatch) {
@@ -91,6 +91,10 @@ const Profile = () => {
         }
     };
 
+    useEffect(() => {
+        reset();
+    }, [selectedSlug]);
+
     return (
         <Block>
             <Header title="Профіль" href={`/u/${loggedUser?.username}`} />