danak/danak-console
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

register

Browse Source
This commit is contained in:
hamid zarghami
2025-01-22 14:37:48 +03:30
parent ab441a593c
commit c349d1ce55
9 changed files with 275 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/auth/Register.tsx
+13 -53
View File
@@ -2,20 +2,23 @@ import { FC } from 'react'
import LogoImage from '../../assets/images/logo.svg'
import LogoSmallImage from '../../assets/images/logo-small.svg'
import { useTranslation } from 'react-i18next'
import Input from '../../components/Input'
import DatePickerComponent from '../../components/DatePicker'
import Button from '../../components/Button'
import { Link } from 'react-router-dom'
import { Pages } from '../../config/Pages'
import RegisterStep1 from './components/RegisterStep1'
import { useAuthStore } from './store/AuthStore'
import RegisterStep2 from './components/RegisterStep2'
const Register: FC = () => {
const { stepLogin } = useAuthStore()
const { t } = useTranslation('global')
return (
<div className='w-full h-full flex justify-center lg:py-[75px] py-4 lg:items-center lg:px-10 px-4'>
<div className='flex w-full max-h-[812px] max-w-[1200px] bg-secondary h-full rounded-3xl overflow-hidden'>
<div className='flex-1 min-w-[50%] overflow-y-auto bg-white lg:px-9 px-4 py-7'>
<div className='flex-1 flex flex-col justify-center min-w-[50%] overflow-y-auto bg-white lg:px-9 px-4 py-7'>
<div className=''>
<img src={LogoSmallImage} className='w-8' />
<div className='mt-5'>
@@ -27,55 +30,12 @@ const Register: FC = () => {
</p>
</div>
{/* <div className='mt-5 text-sm'>
{t('auth.user_info')}
</div> */}
<div className='mt-5 rowTwoInput'>
<Input
label={t('auth.name')}
placeholder={t('auth.enter_name')}
/>
<Input
label={t('auth.family')}
placeholder={t('auth.enter_family')}
/>
</div>
<div className='mt-4 min-w-full rowTwoInput'>
<DatePickerComponent label={t('auth.dateofbirth')} onChange={(date: string) => console.log(date)} placeholder={t('auth.select_date')} />
<Input
label={t('auth.national_code')}
placeholder={t('auth.national_code_enter')}
/>
</div>
<div className='mt-4 rowTwoInput'>
<Input
label={t('auth.email')}
placeholder={t('auth.enter_email')}
/>
<Input
label={t('auth.phonen_number')}
placeholder={t('auth.enter_phone_number')}
/>
</div>
<div className='mt-4 rowTwoInput'>
<Input
label={t('auth.password')}
placeholder={t('auth.enter_password')}
type='password'
/>
</div>
<Button
label={t('auth.next')}
className='mt-8'
/>
{
stepLogin === 1 ?
<RegisterStep1 />
:
<RegisterStep2 />
}
<div className='mt-6 flex justify-center gap-2 items-center text-sm'>
<p className='text-description'>