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

customers and service

Browse Source
This commit is contained in:
hamid zarghami
2025-01-25 15:07:46 +03:30
parent d0c8a14be4
commit 0861501f48
11 changed files with 667 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/customer/Create.tsx
+153
View File
@@ -0,0 +1,153 @@
import { FC } from 'react'
import { useTranslation } from 'react-i18next'
import Input from '../../components/Input'
import UploadBoxDraggble from '../../components/UploadBoxDraggble';
import Button from '../../components/Button';
import { TickCircle } from 'iconsax-react';
import DatePickerComponent from '../../components/DatePicker';
import Select from '../../components/Select';
const AddCustomer: FC = () => {
const { t } = useTranslation('global')
return (
<div className='w-full mt-4'>
<div className='flex w-full justify-between items-center'>
<div>
{t('customer.add_cutomer')}
</div>
<div>
<Button
className='px-5'
>
<div className='flex gap-2'>
<TickCircle
className='size-5'
color='#fff'
/>
<div>{t('customer.submit_customer')}</div>
</div>
</Button>
</div>
</div>
<div className='flex gap-6'>
<div className='flex-1'>
<div className='flex-1 mt-10 bg-white py-8 xl:px-10 px-4 rounded-3xl'>
<div className='rowTwoInput'>
<Input
label={t('customer.name')}
/>
<Input
label={t('customer.family')}
/>
</div>
<div className='mt-8 rowTwoInput'>
<DatePickerComponent
label={t('customer.dateofbirth')}
onChange={() => null}
placeholder=''
/>
<Input
label={t('customer.national_code')}
placeholder={t('customer.enter_nation_code')}
/>
</div>
<div className='mt-8 rowTwoInput'>
<Input
label={t('customer.email')}
placeholder={t('customer.enter_email')}
/>
<Input
label={t('customer.phone_number')}
placeholder={t('customer.enter_phone_number')}
/>
</div>
<div className='mt-8'>
{t('customer.information_legal')}
</div>
<div className='mt-8 rowTwoInput'>
<Input
label={t('customer.economic_code')}
placeholder={t('customer.enter_economic_code')}
/>
<Input
label={t('customer.id_national')}
placeholder={t('customer.enter_id_nation')}
/>
</div>
<div className='mt-8 rowTwoInput'>
<Input
label={t('customer.registeration_id')}
placeholder={t('customer.enter_registeration_id')}
/>
<Input
label={t('customer.your_phone_fixed')}
placeholder={t('customer.enter_phone_fixed')}
/>
</div>
<div className='mt-8 rowTwoInput'>
<Select
label={t('customer.state')}
items={[
{ value: '1', label: '1' },
{ value: '2', label: '2' },
{ value: '3', label: '3' },
]}
placeholder={t('select')}
/>
<Select
label={t('customer.city')}
items={[
{ value: '1', label: '1' },
{ value: '2', label: '2' },
{ value: '3', label: '3' },
]}
placeholder={t('select')}
/>
</div>
</div>
</div>
<div className='bg-white mt-10 w-sidebar text-xs hidden 2xl:block h-fit px-5 py-7 rounded-3xl'>
<div>
<Input
label={t('customer.password')}
/>
</div>
<div className='mt-5'>
<Input
label={t('customer.reapeat_password')}
/>
</div>
<div className='mt-8'>
<div>{t('service.service_icon')}</div>
<div className='mt-2'>
<UploadBoxDraggble
label={t('service.upload_icon_service')}
onChange={() => null}
/>
</div>
</div>
</div>
</div>
</div>
)
}
export default AddCustomer