{label}، {currentYear.toLocaleString("fa-IR")}

فروش ناخالص: {currencyFormatter.format(Number(thisYear))}

سال قبل: {currencyFormatter.format(Number(prevYear))}

= 0 ? "text-emerald-500" : "text-red-500", )} > {diff >= 0 ? "+" : ""} {percentage.toLocaleString("fa-IR")}٪ نسبت به سال قبل

); } const RevenueFlowChart = () => { const [period, setPeriod] = React.useState("6months"); React.useEffect(() => { if (typeof window === "undefined") return; const params = new URLSearchParams(window.location.search); const nextPeriod = params.get("period"); if (nextPeriod === "6months" || nextPeriod === "year") { setPeriod(nextPeriod); } }, []); React.useEffect(() => { if (typeof window === "undefined") return; const params = new URLSearchParams(window.location.search); if (period !== "6months") { params.set("period", period); } else { params.delete("period"); } const nextQuery = params.toString(); const nextUrl = nextQuery ? `${window.location.pathname}?${nextQuery}` : window.location.pathname; window.history.replaceState(null, "", nextUrl); }, [period]); const chartData = getDataForPeriod(period); const totalGrossSales = chartData.reduce( (acc, item) => acc + item.thisYear, 0, ); return (

{currencyFormatter.format(totalGrossSales)}

فروش ناخالص ({periodLabels[period]})

فروش ناخالص

سال قبل

بازه زمانی {(Object.keys(periodLabels) as TimePeriod[]).map((key) => ( setPeriod(key)} > {periodLabels[key]} ))}

compactCurrencyFormatter.format(value)} width={40} /> } cursor={{ fillOpacity: 0.05, radius: 4 }} />

); }; const statusStyles: Record = { Processing: "bg-amber-50 text-amber-700 ring-1 ring-inset ring-amber-600/20 dark:bg-amber-900/30 dark:text-amber-400 dark:ring-amber-400/20", Shipped: "bg-blue-50 text-blue-700 ring-1 ring-inset ring-blue-700/10 dark:bg-blue-900/30 dark:text-blue-400 dark:ring-blue-400/20", Delivered: "bg-emerald-50 text-emerald-700 ring-1 ring-inset ring-emerald-600/20 dark:bg-emerald-900/30 dark:text-emerald-400 dark:ring-emerald-400/20", Cancelled: "bg-red-50 text-red-700 ring-1 ring-inset ring-red-600/10 dark:bg-red-900/30 dark:text-red-400 dark:ring-red-400/20", }; const RecentOrdersTable = () => { const [searchQuery, setSearchQuery] = React.useState(""); const [statusFilter, setStatusFilter] = React.useState("all"); const [currentPage, setCurrentPage] = React.useState(1); const [pageSize, setPageSize] = React.useState(10); const [isHydrated, setIsHydrated] = React.useState(false); const skipNextReset = React.useRef(true); const hasActiveFilters = statusFilter !== "all"; const clearFilters = () => { setStatusFilter("all"); }; const filteredOrders = React.useMemo(() => { return orders.filter((order) => { const q = searchQuery.toLowerCase(); const matchesSearch = order.orderNumber.toLowerCase().includes(q) || order.customer.toLowerCase().includes(q) || order.category.toLowerCase().includes(q); const matchesStatus = statusFilter === "all" || order.status === statusFilter; return matchesSearch && matchesStatus; }); }, [searchQuery, statusFilter]); const totalPages = Math.ceil(filteredOrders.length / pageSize); const paginatedOrders = React.useMemo(() => { const startIndex = (currentPage - 1) * pageSize; const endIndex = startIndex + pageSize; return filteredOrders.slice(startIndex, endIndex); }, [filteredOrders, currentPage, pageSize]); React.useEffect(() => { if (typeof window === "undefined") return; const params = new URLSearchParams(window.location.search); const statusParam = params.get("status"); const pageParam = Number.parseInt(params.get("page") ?? "", 10); const pageSizeParam = Number.parseInt(params.get("pageSize") ?? "", 10); setSearchQuery(params.get("q") ?? ""); setStatusFilter( statusParam && orderStatuses.includes(statusParam as OrderStatus) ? statusParam : "all", ); setCurrentPage(Number.isFinite(pageParam) && pageParam > 0 ? pageParam : 1); setPageSize(PAGE_SIZE_OPTIONS.includes(pageSizeParam) ? pageSizeParam : 10); setIsHydrated(true); }, []); React.useEffect(() => { if (!isHydrated) return; if (skipNextReset.current) { skipNextReset.current = false; return; } setCurrentPage(1); }, [searchQuery, statusFilter, pageSize, isHydrated]); React.useEffect(() => { if (!isHydrated) return; if (typeof window === "undefined") return; const params = new URLSearchParams(window.location.search); if (searchQuery) { params.set("q", searchQuery); } else { params.delete("q"); } if (statusFilter !== "all") { params.set("status", statusFilter); } else { params.delete("status"); } if (currentPage > 1) { params.set("page", String(currentPage)); } else { params.delete("page"); } if (pageSize !== PAGE_SIZE_OPTIONS[0]) { params.set("pageSize", String(pageSize)); } else { params.delete("pageSize"); } const nextQuery = params.toString(); const nextUrl = nextQuery ? `${window.location.pathname}?${nextQuery}` : window.location.pathname; window.history.replaceState(null, "", nextUrl); }, [searchQuery, statusFilter, currentPage, pageSize, isHydrated]); const goToPage = (page: number) => { setCurrentPage(Math.max(1, Math.min(page, totalPages))); }; return (

سفارش‌های اخیر {filteredOrders.length.toLocaleString("fa-IR")}

فیلتر بر اساس وضعیت setStatusFilter("all")} > همه وضعیت‌ها {orderStatuses.map((status) => ( setStatusFilter(status)} > {orderStatusLabels[status]} ))} {hasActiveFilters && ( <> )}

{hasActiveFilters && (

فیلترها: {statusFilter !== "all" && ( )}

)}

# سفارش دسته مشتری وضعیت مجموع سفارش تاریخ {paginatedOrders.length === 0 ? ( سفارشی با این فیلترها یافت نشد. ) : ( paginatedOrders.map((order, index) => ( {((currentPage - 1) * pageSize + index + 1).toLocaleString( "fa-IR", )}

{order.orderNumber} {order.productCount.toLocaleString("fa-IR")} قلم

{categoryLabels[order.category] ?? order.category}

{order.customerInitials} {order.customer}

{orderStatusLabels[order.status]} {currencyFormatter.format(order.total)} {formatOrderDate(order.date)} { event.preventDefault(); if (typeof window === "undefined") return; window.confirm( "این سفارش لغو شود؟ این عمل قابل بازگشت نیست.", ); }} > )) )}

ردیف در هر صفحه: {filteredOrders.length === 0 ? "۰" : `${((currentPage - 1) * pageSize + 1).toLocaleString("fa-IR")}-${Math.min( currentPage * pageSize, filteredOrders.length, ).toLocaleString("fa-IR")}`}{" "} از {filteredOrders.length.toLocaleString("fa-IR")}

{Array.from({ length: Math.min(totalPages, 5) }, (_, i) => { let pageNum: number; if (totalPages <= 5) { pageNum = i + 1; } else if (currentPage <= 3) { pageNum = i + 1; } else if (currentPage >= totalPages - 2) { pageNum = totalPages - 4 + i; } else { pageNum = currentPage - 2 + i; } return ( ); })}

); }; const DashboardContent = () => { return (

); }; const Dashboard4 = ({ className }: { className?: string }) => { return ( رفتن به محتوای اصلی ); }; export { Dashboard4 };

داشبورد

فروش بر اساس دسته