داشبورد

اعلان‌ها {headerNotificationItems.map((item) => ( event.preventDefault()} > {item.title} {item.body} {item.time} ))} علامت‌گذاری همه به‌عنوان خوانده‌شده

{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 totalRevenue = chartData.reduce((acc, item) => acc + item.thisYear, 0); return (

{currencyFormatter.format(totalRevenue)}

درآمد کل ({periodLabels[period]})

امسال

سال قبل

بازه زمانی {(Object.keys(periodLabels) as TimePeriod[]).map((key) => ( setPeriod(key)} > {periodLabels[key]} ))} event.preventDefault()} > خروجی داده نمودار event.preventDefault()} > باز کردن در گزارش‌گیری

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

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

{statsCardData.map((stat) => { const sparkData = stat.sparklineData.map((v, i) => ({ idx: i, value: v, })); const chartConfig = stat.isPositive ? sparklinePositiveConfig : sparklineNegativeConfig; const sparkColor = stat.isPositive ? "#16a34a" : "#dc2626"; const gradientId = `sparkFill-${stat.title.replace(/\s+/g, "-")}`; return (

{stat.title} {stat.format === "currency" ? currencyFormatter.format(stat.value) : numberFormatter.format(stat.value)}

{ if (!active || !payload?.length) return null; const value = payload[0].value as number; const formatted = stat.format === "currency" ? currencyFormatter.format(value) : numberFormatter.format(value); return (

{formatted}

); }} cursor={{ strokeOpacity: 0.2 }} />

{stat.isPositive ? "+" : ""} {stat.changePercent.toLocaleString("fa-IR", { minimumFractionDigits: 1, maximumFractionDigits: 1, })} ٪ نسبت به ماه قبل

); })}

); }; const RecentTransactionsTable = ({ className }: { className?: string }) => { const [statusFilter, setStatusFilter] = React.useState( "all", ); const [currentPage, setCurrentPage] = React.useState(1); const [isHydrated, setIsHydrated] = React.useState(false); const pageSize = 6; React.useEffect(() => { if (typeof window === "undefined") return; const params = new URLSearchParams(window.location.search); const nextStatus = params.get("status"); if ( nextStatus && (nextStatus === "all" || orderStatuses.includes(nextStatus as OrderStatus)) ) { setStatusFilter(nextStatus as OrderStatus | "all"); } const nextPage = Number(params.get("page")); if (!Number.isNaN(nextPage) && nextPage > 0) { setCurrentPage(nextPage); } setIsHydrated(true); }, []); const filteredOrders = React.useMemo(() => { if (statusFilter === "all") return orders; return orders.filter((order) => order.status === statusFilter); }, [statusFilter]); const totalPages = Math.max(1, Math.ceil(filteredOrders.length / pageSize)); const paginatedOrders = React.useMemo(() => { const startIndex = (currentPage - 1) * pageSize; return filteredOrders.slice(startIndex, startIndex + pageSize); }, [filteredOrders, currentPage, pageSize]); React.useEffect(() => { setCurrentPage(1); }, [statusFilter]); React.useEffect(() => { if (!isHydrated || typeof window === "undefined") return; const params = new URLSearchParams(window.location.search); if (statusFilter !== "all") { params.set("status", statusFilter); } else { params.delete("status"); } if (currentPage > 1) { params.set("page", String(currentPage)); } else { params.delete("page"); } const nextQuery = params.toString(); const nextUrl = nextQuery ? `${window.location.pathname}?${nextQuery}` : window.location.pathname; window.history.replaceState(null, "", nextUrl); }, [statusFilter, currentPage, isHydrated]); const goToPage = (page: number) => { setCurrentPage(Math.max(1, Math.min(page, totalPages))); }; const startRow = filteredOrders.length ? (currentPage - 1) * pageSize + 1 : 0; const endRow = Math.min(currentPage * pageSize, filteredOrders.length); return (

تراکنش‌های اخیر

{filteredOrders.length.toLocaleString("fa-IR")}

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

شماره سفارش خریدار مجموع وضعیت {paginatedOrders.length === 0 ? ( تراکنشی یافت نشد. ) : ( paginatedOrders.map((order) => ( {order.orderNumber} {order.customer} {currencyFormatter.format(order.total)} {orderStatusLabels[order.status]} )) )}

{filteredOrders.length === 0 ? "۰" : `${startRow.toLocaleString("fa-IR")}-${endRow.toLocaleString("fa-IR")}`}{" "} از {filteredOrders.length.toLocaleString("fa-IR")}

); }; const RecentActivity = ({ className }: { className?: string }) => { return (

فعالیت تیم‌های اخیر

{recentActivity.map((item) => (

{item.title} {formatRelativeTime(item.minutesAgo)}

{item.detail}

))}

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

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