Reset form errors on unmount

oasisprotocol · Sep 21, 2023 · 99ac05d · 99ac05d
1 parent 9dfcbf2
commit 99ac05d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/app/components/Toolbar/Features/Profile/UpdatePassword.tsx b/src/app/components/Toolbar/Features/Profile/UpdatePassword.tsx
@@ -1,3 +1,4 @@
+import { useEffect } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
 import { useTranslation } from 'react-i18next'
 import { Box } from 'grommet/es6/components/Box'
@@ -30,6 +31,13 @@ export const UpdatePassword = () => {
     )
   }
 
+  useEffect(() => {
+    return () => {
+      console.log('clear')
+      dispatch(persistActions.resetWrongPassword())
+    }
+  }, [dispatch])
+
   return (
     <Form<FormValue> onSubmit={onSubmit} {...preventSavingInputsToUserData}>
       <Paragraph>

diff --git a/src/app/state/persist/index.ts b/src/app/state/persist/index.ts
@@ -85,6 +85,9 @@ const persistSlice = createSlice({
     deleteProfileAsync(state) {
       state.loading = true
     },
+    resetWrongPassword(state) {
+      state.enteredWrongPassword = false
+    },
     updatePassword(state, action: PayloadAction<UpdatePasswordPayload>) {
       return
     },