This commit is contained in:
NotII
2025-07-01 01:49:49 +01:00
parent 20ae136e37
commit 18e87721e2
8 changed files with 458 additions and 110 deletions

View File

@@ -8,6 +8,7 @@ import { Skeleton } from "@/components/ui/skeleton";
import { BarChart3, Clock, CheckCircle, XCircle, AlertCircle } from "lucide-react";
import { getOrderAnalyticsWithStore, type OrderAnalytics } from "@/lib/services/analytics-service";
import { formatGBP } from "@/utils/format";
import { ChartSkeleton } from './SkeletonLoaders';
interface OrderAnalyticsChartProps {
timeRange: string;
@@ -105,23 +106,12 @@ export default function OrderAnalyticsChart({ timeRange }: OrderAnalyticsChartPr
if (isLoading) {
return (
<Card>
<CardHeader>
<CardTitle className="flex items-center gap-2">
<BarChart3 className="h-5 w-5" />
Order Analytics
</CardTitle>
<CardDescription>
Order status distribution and trends
</CardDescription>
</CardHeader>
<CardContent>
<div className="space-y-6">
<Skeleton className="h-32 w-full" />
<Skeleton className="h-64 w-full" />
</div>
</CardContent>
</Card>
<ChartSkeleton
title="Order Analytics"
description="Order status distribution and trends"
icon={BarChart3}
showStats={false}
/>
);
}