sign in

src/pages/auth/components/LoginStep3.tsx

@@ -1,7 +1,7 @@
 import { FC } from 'react'
 import Input from '../../../components/Input'
 import { useTranslation } from 'react-i18next'
-import { LoginPasswordType } from '../types/AuthTypes'
+import { LoginWithPasswordType } from '../types/AuthTypes'
 import { useFormik } from 'formik'
 import * as Yup from 'yup'
 import { useAuthStore } from '../store/AuthStore'
@@ -10,24 +10,36 @@ import Button from '../../../components/Button'
 import { Link } from 'react-router-dom'
 import { Pages } from '../../../config/Pages'
 import ArrowLeftIcon from '../../../assets/images/arrow-left.svg'
+import { useLoginWithPassword } from '../hooks/useAuthData'
+import { toast } from 'react-toastify'
+import { ErrorType } from '../../../helpers/types'
 
 const LoginStep3: FC = () => {
 
     const { t } = useTranslation('global')
-    const { setStepLogin } = useAuthStore()
+    const { setStepLogin, email } = useAuthStore()
+    const loginWithPassword = useLoginWithPassword()
 
-    const formik = useFormik<LoginPasswordType>({
+    const formik = useFormik<LoginWithPasswordType>({
         initialValues: {
             password: '',
+            email: email
         },
         validationSchema: Yup.object({
-            phone_email: Yup.string()
+            password: Yup.string()
                 .required(t('errors.required'))
         }),
         onSubmit(values) {
-            console.log(values)
-            localStorage.setItem(import.meta.env.VITE_TOKEN_NAME, 'token')
-            window.location.href = Pages.dashboard
+            loginWithPassword.mutate(values, {
+                onSuccess(data) {
+                    localStorage.setItem(import.meta.env.VITE_TOKEN_NAME, data?.data?.accessToken?.token)
+                    localStorage.setItem(import.meta.env.VITE_REFRESH_TOKEN_NAME, data?.data?.refreshToken?.token)
+                    window.location.href = Pages.dashboard
+                },
+                onError(error: ErrorType) {
+                    toast.error(error?.response?.data?.error?.message[0])
+                },
+            })
 
         },
     })
@@ -51,6 +63,7 @@ const LoginStep3: FC = () => {
                     name='password'
                     onChange={formik.handleChange}
                     value={formik.values.password}
+                    error_text={formik.touched.password && formik.errors.password ? formik.errors.password : ''}
                 />
 
                 {