From 9d1a4785c01074cf861c084ab914f714f12e2fcb Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Wed, 17 Aug 2022 14:17:34 +0300
Subject: [PATCH] update: add leave prompt to preferneces page

---
 .../EditProfilePage/PreferencesTab/PreferencesTab.tsx      | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/features/Profiles/pages/EditProfilePage/PreferencesTab/PreferencesTab.tsx b/src/features/Profiles/pages/EditProfilePage/PreferencesTab/PreferencesTab.tsx
index cd60575..d62909f 100644
--- a/src/features/Profiles/pages/EditProfilePage/PreferencesTab/PreferencesTab.tsx
+++ b/src/features/Profiles/pages/EditProfilePage/PreferencesTab/PreferencesTab.tsx
@@ -11,6 +11,7 @@ import SaveChangesCard from '../SaveChangesCard/SaveChangesCard';
 import { toast } from 'react-toastify';
 import { NotificationsService } from 'src/services';
 import { NetworkStatus } from '@apollo/client';
+import { usePrompt } from 'src/utils/hooks';
 
 
 interface Props {
@@ -28,7 +29,7 @@ const schema: yup.SchemaOf<IProfilePreferencesForm> = yup.object({
 
 export default function PreferencesTab() {
 
-    const { register, formState: { errors, isDirty, }, handleSubmit, reset, control } = useForm<IProfilePreferencesForm>({
+    const { formState: { isDirty, }, handleSubmit, reset, control } = useForm<IProfilePreferencesForm>({
         defaultValues: {
             walletsKeys: []
         },
@@ -42,9 +43,11 @@ export default function PreferencesTab() {
         },
         notifyOnNetworkStatusChange: true,
     });
-
     const [mutate, mutationStatus] = useUpdateUserPreferencesMutation();
 
+    usePrompt('You may have some unsaved changes. You still want to leave?', isDirty)
+
+
     if (query.networkStatus === NetworkStatus.loading)
         return <LoadingPage />