{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]} ))}

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

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

{statsGridData.map((stat) => { const isPositive = stat.invertColor ? stat.change < 0 : stat.change > 0; return (

{stat.label}

{formatStatValue(stat)}

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

); })}

); }; const CategoryPerformanceChart = () => { const [tab, setTab] = React.useState<"week" | "month">("week"); React.useEffect(() => { if (typeof window === "undefined") return; const params = new URLSearchParams(window.location.search); const nextTab = params.get("categoryTab"); if (nextTab === "week" || nextTab === "month") { setTab(nextTab); } }, []); React.useEffect(() => { if (typeof window === "undefined") return; const params = new URLSearchParams(window.location.search); if (tab !== "week") { params.set("categoryTab", tab); } else { params.delete("categoryTab"); } const nextQuery = params.toString(); const nextUrl = nextQuery ? `${window.location.pathname}?${nextQuery}` : window.location.pathname; window.history.replaceState(null, "", nextUrl); }, [tab]); const chartData = tab === "week" ? categoryWeekData : categoryMonthData; const totalOrders = chartData.reduce( (acc, item) => acc + item.electronics + item.clothing + item.homeGarden + item.sports, 0, ); return (

عملکرد دسته‌ها

{numberFormatter.format(totalOrders)}

{Object.entries(categoryChartConfig).map(([key, config]) => (

{config.label}

))}

{( [ { value: "week" as const, label: "هفته" }, { value: "month" as const, label: "ماه" }, ] as const ).map(({ value, label }) => ( ))}

{ if (!active || !payload?.length) return null; return (

{label}

{payload.map((entry) => (

{categoryChartConfig[ entry.dataKey as keyof typeof categoryChartConfig ]?.label ?? entry.dataKey} : {numberFormatter.format(Number(entry.value))}

))}

); }} />

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

تکمیل سفارش

خروجی جدول مشاهده همه سفارش‌ها

سفارش ارسال وضعیت تحویل٪

{fulfillmentData.map((row) => (

{row.order} {shippedDateFormatter.format(row.shipped)}

{row.segments.slice(0, 15).map((opacity, i) => { const filled = i < Math.round((row.progress / 100) * 15); return (

); })}

{row.progress.toLocaleString("fa-IR")}

))}

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

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