میانگین سفارش در برابر حجم

۳۰ روز اخیر

{currencyFormatter.format(avgAOV)}

میانگین سفارش

{numberFormatter.format(totalOrders)}

مجموع سفارش‌ها

{compactCurrencyFormatter.format(totalRevenue)}

درآمد کل

currencyFormatter.format(v)} /> } cursor={{ strokeDasharray: "3 3" }} />

); }; function ChannelTooltip({ active, payload, label, }: any) { if (!active || !payload?.length) return null; const total = payload.reduce( (sum: number, entry: any) => sum + Number(entry.value ?? 0), 0, ); return (

{label}

{payload.map((entry: any) => { const dataKey = String(entry.dataKey ?? ""); const label = channelChartConfig[dataKey as keyof typeof channelChartConfig] ?.label ?? entry.name ?? dataKey; return (

{label}: {compactCurrencyFormatter.format(Number(entry.value))}

); })}

مجموع: {compactCurrencyFormatter.format(total)}

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

درآمد بر اساس کانال

{[ { label: "آنلاین", color: palette.primary }, { label: "حضوری", color: palette.secondary.light }, { label: "عمده‌فروشی", color: palette.tertiary.light }, { label: "مارکت‌پلیس", color: palette.quaternary.light }, ].map((item) => (

{item.label}

))}

compactCurrencyFormatter.format(v)} /> } cursor={{ fillOpacity: 0.05 }} />

); }; function RevenueTooltip({ active, payload, label, }: any) { if (!active || !payload?.length) return null; const visiblePayload = payload.filter( (entry: any) => entry.dataKey !== "gapUp" && entry.dataKey !== "gapDown", ); if (!visiblePayload.length) return null; return (

{label}

{visiblePayload.map((entry: any) => { const dataKey = String(entry.dataKey ?? ""); const cfgLabel = revenueChartConfig[dataKey as keyof typeof revenueChartConfig] ?.label ?? dataKey; return (

{cfgLabel}: {currencyFormatter.format(Math.abs(Number(entry.value)))}

); })}

); } const RevenueOverviewChart = () => { const totalThisYear = fullYearData.reduce( (sum, entry) => sum + entry.thisYear, 0, ); const totalLastYear = fullYearData.reduce( (sum, entry) => sum + Math.abs(entry.lastYear), 0, ); const changePercent = totalLastYear === 0 ? 0 : ((totalThisYear - totalLastYear) / totalLastYear) * 100; const isPositive = changePercent >= 0; return (

نمای کلی درآمد

{[ { label: "امسال", color: palette.primary }, { label: "سال قبل", color: palette.secondary.light }, ].map((item) => (

{item.label}

))}

{currencyFormatter.format(totalThisYear)}

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

compactCurrencyFormatter.format(Math.abs(v)) } /> } cursor={{ fillOpacity: 0.05 }} /> {/* Invisible spacer pushes thisYear bars above zero line */} {/* Invisible spacer pushes lastYear bars below zero line */}

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

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

{activityEvents.map((event) => { const Icon = activityIcons[event.type]; const colorClass = activityColors[event.type]; return (

{event.message}

{shortDateFormatter.format(event.timestamp)},{" "} {timeFormatter.format(event.timestamp)}

); })}

); }; 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); // Hydrate from URL on mount React.useEffect(() => { if (typeof window === "undefined") return; const params = new URLSearchParams(window.location.search); const q = params.get("q"); if (q) setSearchQuery(q); 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); } const nextPageSize = Number(params.get("pageSize")); if (PAGE_SIZE_OPTIONS.includes(nextPageSize)) { setPageSize(nextPageSize); } setIsHydrated(true); }, []); const filteredOrders = React.useMemo(() => { return orders.filter((order) => { const matchesSearch = order.customer.toLowerCase().includes(searchQuery.toLowerCase()) || order.orderNumber.toLowerCase().includes(searchQuery.toLowerCase()); const matchesStatus = statusFilter === "all" || order.status === statusFilter; return matchesSearch && matchesStatus; }); }, [searchQuery, 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]); // Reset page when filters change React.useEffect(() => { setCurrentPage(1); }, [searchQuery, statusFilter, pageSize]); // Sync state to URL React.useEffect(() => { if (!isHydrated || 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))); }; 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} {shortDateFormatter.format(new Date(order.date))} {currencyFormatter.format(order.total)} {orderStatusLabels[order.status]} )) )}

ردیف در هر صفحه: {filteredOrders.length === 0 ? "۰" : `${startRow.toLocaleString("fa-IR")}-${endRow.toLocaleString("fa-IR")}`}{" "} از {filteredOrders.length.toLocaleString("fa-IR")}

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

); }; const getDefaultActiveItem = (group: NavGroup): NavItem | null => { return group.items.find((item) => item.isActive) || group.items[0] || null; }; const Dashboard10 = ({ className }: { className?: string }) => { const [activeGroupIndex, setActiveGroupIndex] = React.useState(0); const activeGroup = shellData.navGroups[activeGroupIndex]; const [activeItem, setActiveItem] = React.useState( getDefaultActiveItem(activeGroup), ); // Update activeItem when group changes React.useEffect(() => { setActiveItem(getDefaultActiveItem(activeGroup)); }, [activeGroupIndex]); return (

رفتن به محتوای اصلی

{shellData.logo.title}

); }; export { Dashboard10 };

صبح بخیر، جیمز.

میانگین سفارش در برابر حجم

درآمد بر اساس کانال

نمای کلی درآمد

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

سفارش‌های اخیر