From 5562a88d4ad60918d66f40d2d1359207d3259eac Mon Sep 17 00:00:00 2001
From: g <g@paki.email>
Date: Fri, 28 Nov 2025 19:49:01 +0000
Subject: [PATCH] Update AdminAnalytics.tsx

---
 components/admin/AdminAnalytics.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/components/admin/AdminAnalytics.tsx b/components/admin/AdminAnalytics.tsx
index b5d5aa1..c2879d1 100644
--- a/components/admin/AdminAnalytics.tsx
+++ b/components/admin/AdminAnalytics.tsx
@@ -494,7 +494,14 @@ export default function AdminAnalytics() {
               </CardDescription>
             </CardHeader>
             <CardContent>
-              {analyticsData?.orders?.dailyOrders && analyticsData.orders.dailyOrders.length > 0 ? (
+              {loading || refreshing ? (
+                <div className="flex items-center justify-center h-80">
+                  <div className="flex flex-col items-center gap-2">
+                    <div className="animate-spin h-8 w-8 border-4 border-primary border-t-transparent rounded-full"></div>
+                    <p className="text-sm text-muted-foreground">Loading chart data...</p>
+                  </div>
+                </div>
+              ) : analyticsData?.orders?.dailyOrders && analyticsData.orders.dailyOrders.length > 0 ? (
                 <div className="h-80">
                   <ResponsiveContainer width="100%" height="100%">
                     <ComposedChart 
@@ -568,7 +575,14 @@ export default function AdminAnalytics() {
               </CardDescription>
             </CardHeader>
             <CardContent>
-              {analyticsData?.vendors?.dailyGrowth && analyticsData.vendors.dailyGrowth.length > 0 ? (
+              {loading || refreshing ? (
+                <div className="flex items-center justify-center h-80">
+                  <div className="flex flex-col items-center gap-2">
+                    <div className="animate-spin h-8 w-8 border-4 border-primary border-t-transparent rounded-full"></div>
+                    <p className="text-sm text-muted-foreground">Loading chart data...</p>
+                  </div>
+                </div>
+              ) : analyticsData?.vendors?.dailyGrowth && analyticsData.vendors.dailyGrowth.length > 0 ? (
                 <div className="h-80">
                   <ResponsiveContainer width="100%" height="100%">
                     <RechartsBarChart data={transformChartData(analyticsData.vendors.dailyGrowth, 'count')} margin={{ top: 5, right: 30, left: 20, bottom: 5 }}>