feat(pass-reset): added functionality to pass reset dialog

ZdruzenieSTROM · Dec 9, 2023 · 2e49571 · 2e49571
1 parent 8cb4d38
commit 2e49571
Show file tree

Hide file tree

Showing 5 changed files with 60 additions and 1 deletion.
diff --git a/src/components/PageLayout/LoginFormWrapper/LoginFormWrapper.tsx b/src/components/PageLayout/LoginFormWrapper/LoginFormWrapper.tsx
@@ -1,3 +1,4 @@
+import {useRouter} from 'next/router'
 import {FC, useState} from 'react'
 
 import {Button} from '@/components/Clickable/Clickable'
@@ -10,6 +11,7 @@ export interface ILoginFormWrapper {
 }
 
 export const LoginFormWrapper: FC<ILoginFormWrapper> = ({closeOverlay}) => {
+  const router = useRouter()
   const [form, changeForm] = useState('login')
 
   if (form === 'login')
@@ -26,5 +28,11 @@ export const LoginFormWrapper: FC<ILoginFormWrapper> = ({closeOverlay}) => {
       </>
     )
 
-  return <PasswordResetRequestForm closeOverlay={closeOverlay} />
+  return (
+    <PasswordResetRequestForm
+      closeOverlay={() => {
+        router.push('/reset-verification-sent')
+      }}
+    />
+  )
 }
diff --git a/src/components/PageLayout/PasswordReset/PasswordResetRequest.tsx b/src/components/PageLayout/PasswordReset/PasswordResetRequest.tsx
@@ -27,6 +27,12 @@ export const PasswordResetRequestForm: FC<ILoginFormWrapper> = ({closeOverlay})
     mutationFn: (data: PasswordResetRequestFormValues) => {
       return axios.post<IGeneralPostResponse>('/api/user/password/reset/', data)
     },
+
+    onError: (error, variables, context) => {},
+
+    onSuccess: () => {
+      closeOverlay()
+    },
   })
 
   const onSubmit: SubmitHandler<PasswordResetRequestFormValues> = (data) => {

diff --git a/src/pages/malynar/reset-verification-sent/index.tsx b/src/pages/malynar/reset-verification-sent/index.tsx
@@ -0,0 +1,15 @@
+import {NextPage} from 'next'
+
+import {Verification} from '@/components/Verification/Verification'
+
+import {PageLayout} from '../../../components/PageLayout/PageLayout'
+
+const PasswordResetRequest: NextPage = () => {
+  return (
+    <PageLayout title="Reset hesla" contentWidth={2}>
+      <Verification />
+    </PageLayout>
+  )
+}
+
+export default PasswordResetRequest
diff --git a/src/pages/matik/reset-verification-sent/index.tsx b/src/pages/matik/reset-verification-sent/index.tsx
@@ -0,0 +1,15 @@
+import {NextPage} from 'next'
+
+import {Verification} from '@/components/Verification/Verification'
+
+import {PageLayout} from '../../../components/PageLayout/PageLayout'
+
+const PasswordResetRequest: NextPage = () => {
+  return (
+    <PageLayout title="Reset hesla" contentWidth={2}>
+      <Verification />
+    </PageLayout>
+  )
+}
+
+export default PasswordResetRequest
diff --git a/src/pages/strom/reset-verification-sent/index.tsx b/src/pages/strom/reset-verification-sent/index.tsx
@@ -0,0 +1,15 @@
+import {NextPage} from 'next'
+
+import {Verification} from '@/components/Verification/Verification'
+
+import {PageLayout} from '../../../components/PageLayout/PageLayout'
+
+const PasswordResetRequest: NextPage = () => {
+  return (
+    <PageLayout title="Reset hesla" contentWidth={2}>
+      <Verification />
+    </PageLayout>
+  )
+}
+
+export default PasswordResetRequest