home page

src/pages/auth/Login.tsx

@@ -1,7 +1,7 @@
 import { FC } from 'react'
 import LogoImage from '../../assets/images/logo.svg'
 import LogoSmallImage from '../../assets/images/logo-small.svg'
-import { useAuthStore } from '../store/AuthStore'
+import { useAuthStore } from './store/AuthStore'
 import LoginStep1 from './components/LoginStep1'
 import LoginStep2 from './components/LoginStep2'
 import LoginStep3 from './components/LoginStep3'

src/pages/auth/components/LoginStep1.tsx

@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next'
 import { LoginType } from '../types/AuthTypes'
 import { useFormik } from 'formik'
 import * as Yup from 'yup'
-import { useAuthStore } from '../../store/AuthStore'
+import { useAuthStore } from '../store/AuthStore'
 import Error from '../../../components/Error'
 import Button from '../../../components/Button'
 import { Link } from 'react-router-dom'

src/pages/auth/components/LoginStep2.tsx

@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next'
 import { LoginType } from '../types/AuthTypes'
 import { useFormik } from 'formik'
 import * as Yup from 'yup'
-import { useAuthStore } from '../../store/AuthStore'
+import { useAuthStore } from '../store/AuthStore'
 import Button from '../../../components/Button'
 import OTPInput from 'react-otp-input'
 import { useCountDown } from '../../../hooks/useCountDown'

src/pages/auth/components/LoginStep3.tsx

@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next'
 import { LoginPasswordType } from '../types/AuthTypes'
 import { useFormik } from 'formik'
 import * as Yup from 'yup'
-import { useAuthStore } from '../../store/AuthStore'
+import { useAuthStore } from '../store/AuthStore'
 import Error from '../../../components/Error'
 import Button from '../../../components/Button'
 import { Link } from 'react-router-dom'

src/pages/auth/store/AuthStore.ts

@@ -0,0 +1,13 @@
+import { create } from "zustand";
+import { AuthStoreType } from "../auth/types/AuthTypes";
+
+export const useAuthStore = create<AuthStoreType>((set) => ({
+  phone: "",
+  setPhone(value) {
+    set({ phone: value });
+  },
+  stepLogin: 1,
+  setStepLogin(value) {
+    set({ stepLogin: value });
+  },
+}));