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

invoice

Browse Source
This commit is contained in:
morteza-mortezai
2026-07-23 18:13:39 +03:30
parent 04687b855d
commit cea411b912
9 changed files with 88 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/config/statusRegistry.ts
+7 -5
View File
@@ -17,13 +17,15 @@ export type StatusConfig = {
*/
export const statusRegistry: Record<string, StatusConfig> = {
// --- ProformaInvoiceStatusEnum ---
[ProformaInvoiceStatusEnum.ALL]: { label: 'همه', variant: 'neutral' },
[ProformaInvoiceStatusEnum.NOT_CONFIRMED]: { label: 'تایید نشده', variant: 'warning' },
[ProformaInvoiceStatusEnum.PARTIALLY_CONFIRMED]: { label: 'تایید جزئی', variant: 'info' },
[ProformaInvoiceStatusEnum.PENDING]: { label: 'در انتظار تایید', variant: 'warning' },
[ProformaInvoiceStatusEnum.CONFIRMED]: { label: 'تایید شده', variant: 'success' },
[ProformaInvoiceStatusEnum.ARCHIVED]: { label: 'آرشیو شده', variant: 'neutral' },
// --- Invoice confirm status (from API; partially_confirmed/confirmed covered by enum above) ---
pending: { label: 'تایید نشده', variant: 'warning' },
// --- Invoice confirm status (from API) ---
pending: { label: 'در انتظار تایید', variant: 'warning' },
partially_confirmed: { label: 'تایید جزئی', variant: 'info' },
confirmed: { label: 'تایید شده', variant: 'success' },
archived: { label: 'آرشیو شده', variant: 'neutral' },
// --- OrderStatusEnum ---
[OrderStatusEnum.CREATED]: { label: 'ایجاد شده', variant: 'info' },
src/pages/chat/components/ChatMessage.tsx
+5 -4
View File
@@ -10,7 +10,7 @@ import { getChatSenderName } from '../type/Types'
type Props = {
content: string
attachments?: ChatAttachmentType[]
attachments?: ChatAttachmentType[] | null
senderName?: string
senderLabel?: string
createdAt?: string
@@ -25,7 +25,7 @@ type Props = {
const ChatMessage: FC<Props> = ({
content,
attachments = [],
attachments,
senderName,
senderLabel = 'پشتیبان',
createdAt,
@@ -37,8 +37,9 @@ const ChatMessage: FC<Props> = ({
parentSenderLabel,
onReply,
}) => {
const fileAttachments = attachments.filter((a) => a.type !== 'voice')
const voiceAttachments = attachments.filter((a) => a.type === 'voice')
const safeAttachments = attachments ?? []
const fileAttachments = safeAttachments.filter((a) => a.type !== 'voice')
const voiceAttachments = safeAttachments.filter((a) => a.type === 'voice')
const handleOpenLink = async (key: string) => {
const url = await getPresignedUrl(key)
src/pages/chat/type/Types.ts
+1 -1
View File
@@ -29,7 +29,7 @@ export type ChatParentMessageType = {
export type ChatMessageType = {
admin?: ChatParticipantType | null
user?: ChatParticipantType | null
attachments: ChatAttachmentType[]
attachments?: ChatAttachmentType[] | null
content: string
createdAt: string
id: string
src/pages/home/components/Stats.tsx
+1 -1
View File
@@ -33,7 +33,7 @@ const Stats: FC = () => {
<StatCard
count={data?.data.invoicesCount}
description={t('home.factureCount')}
to={`${Paths.proformaInvoice}?tab=${ProformaInvoiceStatusEnum.NOT_CONFIRMED}`}
to={`${Paths.proformaInvoice}?tab=${ProformaInvoiceStatusEnum.PENDING}`}
icon={<ReceiptText
size={27}
color={COLORS.primary}
src/pages/invoice/ProformaInvoice.tsx
+32 -44
View File
@@ -1,7 +1,11 @@
import Tabs from '@/components/Tabs'
import { useMemo, useState, type FC } from 'react'
import { Link, useNavigate, useSearchParams } from 'react-router-dom'
import { ProformaInvoiceStatusEnum } from './enum/InvoiceEnum'
import {
invoiceListTabs,
invoiceListTabStatuses,
ProformaInvoiceStatusEnum,
} from './enum/InvoiceEnum'
import Filters from '@/components/Filters'
import Table from '@/components/Table'
import { useGetInvoices } from './hooks/useInvoiceData'
@@ -14,11 +18,10 @@ import moment from 'moment-jalaali'
import StatusWithText from '@/components/StatusWithText'
import { Eye } from 'iconsax-react'
const INVOICE_TABS = invoiceListTabs.map((tab) => tab.value)
const isInvoiceTab = (value: string | null): value is ProformaInvoiceStatusEnum =>
value === ProformaInvoiceStatusEnum.ALL ||
value === ProformaInvoiceStatusEnum.NOT_CONFIRMED ||
value === ProformaInvoiceStatusEnum.PARTIALLY_CONFIRMED ||
value === ProformaInvoiceStatusEnum.CONFIRMED
value !== null && INVOICE_TABS.includes(value as ProformaInvoiceStatusEnum)
const getServiceNames = (invoice: Invoice): string => {
const names = [...new Set(invoice.items.map((item) => item.product.title))]
@@ -27,29 +30,32 @@ const getServiceNames = (invoice: Invoice): string => {
const ProformaInvoice: FC = () => {
const navigate = useNavigate()
const [searchParams] = useSearchParams()
const [searchParams, setSearchParams] = useSearchParams()
const tabFromQuery = searchParams.get('tab')
const [activeTab, setActiveTab] = useState<ProformaInvoiceStatusEnum>(
isInvoiceTab(tabFromQuery) ? tabFromQuery : ProformaInvoiceStatusEnum.ALL,
)
const activeTab = isInvoiceTab(tabFromQuery)
? tabFromQuery
: ProformaInvoiceStatusEnum.PENDING
const [filters, setFilters] = useState<FilterValues>({})
const { data, isPending } = useGetInvoices()
const statuses = invoiceListTabStatuses[activeTab]
const setActiveTab = (tab: ProformaInvoiceStatusEnum) => {
setSearchParams(
(current) => {
const next = new URLSearchParams(current)
next.set('tab', tab)
return next
},
{ replace: true },
)
}
const { data, isPending } = useGetInvoices({ statuses })
const invoices = useMemo(() => data?.data ?? [], [data?.data])
const filteredInvoices = useMemo(() => {
let result = invoices
// فیلتر تب
if (activeTab === ProformaInvoiceStatusEnum.NOT_CONFIRMED) {
result = result.filter((inv) => inv.confirmStatus === 'pending')
} else if (activeTab === ProformaInvoiceStatusEnum.PARTIALLY_CONFIRMED) {
result = result.filter((inv) => inv.confirmStatus === 'partially_confirmed')
} else if (activeTab === ProformaInvoiceStatusEnum.CONFIRMED) {
result = result.filter((inv) => inv.confirmStatus === 'confirmed')
}
// فیلتر جستجو
const search = filters.search?.toString().trim()
if (search) {
const lower = search.toLowerCase()
@@ -62,7 +68,6 @@ const ProformaInvoice: FC = () => {
)
}
// فیلتر تاریخ
const dateFilter = filters.date?.toString()
if (dateFilter) {
result = result.filter((inv) => {
@@ -72,7 +77,7 @@ const ProformaInvoice: FC = () => {
}
return result
}, [invoices, activeTab, filters])
}, [invoices, filters])
const columns: ColumnType<Invoice>[] = [
{
@@ -101,15 +106,16 @@ const ProformaInvoice: FC = () => {
render: (item) => <span>{NumberFormat(item.total)} ریال</span>,
},
{
key: 'confirmStatus',
key: 'status',
title: 'وضعیت تایید',
render: (item) => {
const statusMap = {
confirmed: { variant: 'success' as const, text: 'تایید شده' },
partially_confirmed: { variant: 'info' as const, text: 'تایید جزئی' },
pending: { variant: 'warning' as const, text: 'تایید نشده' },
pending: { variant: 'warning' as const, text: 'در انتظار تایید' },
archived: { variant: 'info' as const, text: 'آرشیو شده' },
}
const status = statusMap[item.confirmStatus] ?? statusMap.pending
const status = statusMap[item.status] ?? statusMap.pending
return (
<StatusWithText
variant={status.variant}
@@ -118,19 +124,6 @@ const ProformaInvoice: FC = () => {
)
},
},
{
key: 'paymentStatus',
title: 'وضعیت پرداخت',
render: (item) => {
const isPaid = item.paidAmount >= item.total && item.total > 0
return (
<StatusWithText
variant={isPaid ? 'success' : 'info'}
text={isPaid ? 'پرداخت شده' : 'پرداخت نشده'}
/>
)
},
},
{
key: 'action',
title: '',
@@ -157,12 +150,7 @@ const ProformaInvoice: FC = () => {
<div className="mt-8">
<Tabs
items={[
{ label: 'همه', value: ProformaInvoiceStatusEnum.ALL },
{ label: 'تایید نشده', value: ProformaInvoiceStatusEnum.NOT_CONFIRMED },
{ label: 'تایید جزئی', value: ProformaInvoiceStatusEnum.PARTIALLY_CONFIRMED },
{ label: 'تایید شده', value: ProformaInvoiceStatusEnum.CONFIRMED },
]}
items={[...invoiceListTabs]}
activeTab={activeTab}
onTabChange={(tab) => setActiveTab(tab as ProformaInvoiceStatusEnum)}
/>
src/pages/invoice/enum/InvoiceEnum.tsx
+24 -4
View File
@@ -1,6 +1,26 @@
export const enum ProformaInvoiceStatusEnum {
ALL = 'all',
NOT_CONFIRMED = 'not_confirmed',
PARTIALLY_CONFIRMED = 'partially_confirmed',
PENDING = 'pending',
CONFIRMED = 'confirmed',
}
ARCHIVED = 'archived',
}
export type InvoiceConfirmStatus =
| 'pending'
| 'partially_confirmed'
| 'confirmed'
| 'archived'
export const invoiceListTabStatuses: Record<
ProformaInvoiceStatusEnum,
InvoiceConfirmStatus[]
> = {
[ProformaInvoiceStatusEnum.PENDING]: ['pending'],
[ProformaInvoiceStatusEnum.CONFIRMED]: ['partially_confirmed', 'confirmed'],
[ProformaInvoiceStatusEnum.ARCHIVED]: ['archived'],
}
export const invoiceListTabs = [
{ label: 'در انتظار تایید', value: ProformaInvoiceStatusEnum.PENDING },
{ label: 'تایید شده', value: ProformaInvoiceStatusEnum.CONFIRMED },
{ label: 'آرشیو شده', value: ProformaInvoiceStatusEnum.ARCHIVED },
] as const
src/pages/invoice/hooks/useInvoiceData.ts
+3 -3
View File
@@ -1,10 +1,10 @@
import { useMutation, useQuery } from "@tanstack/react-query";
import * as api from "../service/InvoiceService";
export const useGetInvoices = () => {
export const useGetInvoices = (params: api.GetInvoicesParams) => {
return useQuery({
queryKey: ["invoices"],
queryFn: api.getInvoices,
queryKey: ["invoices", params.statuses?.join(",") ?? ""],
queryFn: () => api.getInvoices(params),
});
};
src/pages/invoice/service/InvoiceService.ts
+14 -2
View File
@@ -3,9 +3,21 @@ import type {
InvoicesResponseType,
InvoiceDetailResponseType,
} from "../types/InvoiceTypes";
import type { InvoiceConfirmStatus } from "../enum/InvoiceEnum";
export const getInvoices = async (): Promise<InvoicesResponseType> => {
const { data } = await axios.get<InvoicesResponseType>("/public/invoice");
export type GetInvoicesParams = {
statuses?: InvoiceConfirmStatus[];
};
export const getInvoices = async (
params: GetInvoicesParams = {},
): Promise<InvoicesResponseType> => {
const { statuses } = params;
const { data } = await axios.get<InvoicesResponseType>("/public/invoice", {
params: {
...(statuses?.length ? { statuses: statuses.join(",") } : {}),
},
});
return data;
};
src/pages/invoice/types/InvoiceTypes.ts
+1 -1
View File
@@ -55,7 +55,7 @@ export type Invoice = {
total: number;
paidAmount: number;
balance: number;
confirmStatus: 'pending' | 'partially_confirmed' | 'confirmed';
status: 'pending' | 'partially_confirmed' | 'confirmed' | 'archived';
enableTax: boolean;
approvalDeadline: string;
attachments: unknown[];