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

auth + companies + invoice

Browse Source
This commit is contained in:
hamid zarghami
2025-05-18 12:41:42 +03:30
parent 8af0b9f9d9
commit 1b838e7a4d
85 changed files with 513 additions and 4635 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/receipts/Create.tsx
+22 -33
View File
@@ -8,8 +8,6 @@ import { CreateReceiptType, ReceiptCreateItemsType } from './types/ReceiptTypes'
import { useFormik } from 'formik'
import * as Yup from 'yup'
import { toast } from 'react-toastify'
import { useGetCustomers } from '../customer/hooks/useCustomerData'
import { CustomerItemType } from '../customer/types/CustomerTypes'
import PageLoading from '../../components/PageLoading'
import { useCreateInvoice } from './hooks/useReceiptData'
import { useNavigate } from 'react-router-dom'
@@ -17,16 +15,19 @@ import { Pages } from '../../config/Pages'
import { ErrorType } from '../../helpers/types'
import { ReceiptTypeEnum } from './enum/ReceipEnum'
import SwitchComponent from '../../components/Switch'
import { useGetCompanies } from '../company/hooks/useCompanyData'
import { CompanyItemType } from '../company/types/CompanyTypes'
import moment from 'moment-jalaali'
const CreateReceipt: FC = () => {
const navigate = useNavigate()
const { t } = useTranslation('global')
const [items, setItems] = useState<ReceiptCreateItemsType[]>([])
const [customer, setCustomer] = useState<CustomerItemType>()
const [customer, setCustomer] = useState<CompanyItemType>()
const [isRecurring, setIsRecurring] = useState<boolean>(false)
const [type, setType] = useState<ReceiptTypeEnum>(ReceiptTypeEnum.DAILY)
const [maxRecurringCycles, setMaxRecurringCycles] = useState<number>(0)
const getCustomers = useGetCustomers()
const getCustomers = useGetCompanies(1)
const createInvoice = useCreateInvoice()
const formik = useFormik<ReceiptCreateItemsType>({
@@ -54,14 +55,14 @@ const CreateReceipt: FC = () => {
const handleChangeCustomer = (e: ChangeEvent<HTMLSelectElement>) => {
const value = e.target.value
const customer = getCustomers.data?.data?.customers?.find((item: CustomerItemType) => item.id === value)
const customer = getCustomers.data?.data?.companies?.find((item: CompanyItemType) => item.id === value)
setCustomer(customer)
}
const handleSubmit = () => {
if (customer) {
const params: CreateReceiptType = {
userId: customer?.id,
companyId: customer?.id,
items: items,
isRecurring: isRecurring,
recurringPeriod: isRecurring ? +type : undefined,
@@ -114,18 +115,18 @@ const CreateReceipt: FC = () => {
<div className='flex gap-6 xl:mt-8 mt-4'>
<div className='flex-1 bg-white py-8 xl:px-10 px-4 rounded-3xl'>
<div>
{/* <div>
{t('receip.customer_information')}
</div>
</div> */}
<div className='mt-8'>
<div className='w-full xl:w-1/2'>
<Select
label={t('receip.customer')}
label={t('company.select_company')}
placeholder={t('select')}
items={getCustomers.data?.data?.customers?.map((item: CustomerItemType) => {
items={getCustomers.data?.data?.companies?.map((item: CompanyItemType) => {
return {
label: item.firstName + ' ' + item.lastName,
label: item.name,
value: item.id
}
})}
@@ -139,37 +140,25 @@ const CreateReceipt: FC = () => {
<div className='mt-10 bg-[#F6F7FB] p-8 rounded-3xl text-sm'>
<div className='flex justify-between items-center border-b border-border border-dashed pb-7'>
<div className='flex items-center gap-2'>
<div className='text-description'>{t('receip.type_person')}</div>
<div>{customer.legalUser ? 'حقوقی' : 'حقیقی'}</div>
<div className='text-description'>{t('company.company_name')}</div>
<div>{customer.name}</div>
</div>
<div className='flex items-center gap-2'>
<div className='text-description'>{t('receip.representativeـname')}</div>
<div>{customer.firstName + ' ' + customer.lastName}</div>
<div className='text-description'>{t('company.ceo_name')}</div>
<div>{customer.user?.firstName + ' ' + customer.user?.lastName}</div>
</div>
<div className='flex items-center gap-2'>
<div className='text-description'>{t('receip.company_name')}</div>
<div>{customer?.legalUser?.registrationName}</div>
</div>
<div className='flex items-center gap-2'>
<div className='text-description'>{t('receip.registration_number')}</div>
<div>{customer?.legalUser?.registrationCode}</div>
<div className='text-description'>{t('company.register_date')}</div>
<div>{moment(customer.createdAt).format('jYYYY/jMM/jDD')}</div>
</div>
</div>
<div className='flex justify-between items-center mt-7'>
<div className='flex items-center gap-2 flex-1'>
<div className='text-description'>{t('receip.tel_company')}</div>
<div>{customer?.realUser?.phone || customer?.legalUser?.phone}</div>
</div>
<div className='flex items-center gap-2 flex-1'>
<div className='text-description'>{t('receip.national_code')}</div>
<div>{customer.nationalCode}</div>
</div>
<div className='flex items-center gap-2 flex-1'>
<div className='text-description'>{t('receip.postal_code')}</div>
<div>{customer?.realUser?.address?.postalCode || customer?.legalUser?.address?.postalCode}</div>
<div className='text-description'>{t('company.industry')}</div>
<div>{customer.industry?.title}</div>
</div>
</div>
<div className='flex justify-between items-center mt-7'>
{/* <div className='flex justify-between items-center mt-7'>
<div className='flex items-center gap-2 flex-1'>
<div className='text-description'>{t('receip.state')}</div>
<div>{customer?.realUser?.address?.city?.province?.name || customer?.legalUser?.address?.city?.province?.name}</div>
@@ -182,7 +171,7 @@ const CreateReceipt: FC = () => {
<div className='text-description'>{t('receip.address')}</div>
<div>{customer?.realUser?.address?.fullAddress || customer?.legalUser?.address?.fullAddress}</div>
</div>
</div>
</div> */}
</div>
}