diff --git a/src/pages/receipts/List.tsx b/src/pages/receipts/List.tsx index 1734b14..1804a7f 100644 --- a/src/pages/receipts/List.tsx +++ b/src/pages/receipts/List.tsx @@ -1,11 +1,11 @@ import { FC, useEffect, useState } from 'react' import { useTranslation } from 'react-i18next' import Tabs from '../../components/Tabs' -import { CloseCircle, FolderOpen, WalletCheck, WalletRemove, WalletSearch } from 'iconsax-react' +import { FolderOpen, WalletCheck, WalletMinus, WalletRemove, WalletSearch } from 'iconsax-react' import Td from '../../components/Td' import { useGetInvoices } from './hooks/useReceiptData' import PageLoading from '../../components/PageLoading' -import { InvoiceUserItemType, ReceiptItemType } from './types/ReceiptTypes' +import { InvoiceStatus, InvoiceUserItemType, ReceiptItemType } from './types/ReceiptTypes' import { NumberFormat } from '../../config/func' import Select from '../../components/Select' import Input from '../../components/Input' @@ -13,14 +13,13 @@ import DatePickerComponent from '../../components/DatePicker' import { useSearchParams } from 'react-router-dom' import moment from 'moment-jalaali' import Pagination from '../../components/Pagination' -type ActiveTabType = "PENDING" | "WAIT_PAYMENT" | "PAID" | "CANCELLED" | "EXPIRED" | "" | "OVERDUE" const ReceiptsList: FC = () => { const { t } = useTranslation('global') const [page, setPage] = useState(1) const [searchParams] = useSearchParams() - const [activeTab, setActiveTab] = useState('PENDING') + const [activeTab, setActiveTab] = useState('PENDING') const [customerId, setCustomerId] = useState('') const [search, setSearch] = useState('') const [date, setDate] = useState('') @@ -31,7 +30,7 @@ const ReceiptsList: FC = () => { const urlCustomerId = searchParams.get('user') if (urlCustomerId) { setCustomerId(urlCustomerId) - setActiveTab('') + setActiveTab('PENDING') } }, [searchParams]) @@ -102,22 +101,17 @@ const ReceiptsList: FC = () => { value: 'PAID' }, { - icon: , - label: t('receip.canceled'), - value: 'CANCELLED' - }, - { - icon: , + icon: , label: t('receip.archive'), - value: 'EXPIRED' + value: 'ARCHIVED' }, { - icon: , + icon: , label: t('receip.overdue'), value: 'OVERDUE' - } + }, ]} - onChange={(value) => setActiveTab(value as ActiveTabType)} + onChange={(value) => setActiveTab(value as InvoiceStatus)} /> diff --git a/src/pages/receipts/types/ReceiptTypes.ts b/src/pages/receipts/types/ReceiptTypes.ts index afef8e3..0cab68c 100644 --- a/src/pages/receipts/types/ReceiptTypes.ts +++ b/src/pages/receipts/types/ReceiptTypes.ts @@ -44,3 +44,10 @@ export type InvoiceUserItemType = { email: string; phone: string; }; + +export type InvoiceStatus = + | "PENDING" + | "WAIT_PAYMENT" + | "PAID" + | "ARCHIVED" + | "OVERDUE";