From ad108298a618399bfbf63c5c98b4ed1cff0b5e70 Mon Sep 17 00:00:00 2001
From: NotII <46204250+NotII@users.noreply.github.com>
Date: Mon, 30 Jun 2025 13:52:58 +0100
Subject: [PATCH] Update loading.tsx

---
 app/dashboard/analytics/loading.tsx | 87 +++++++++++++++--------------
 1 file changed, 45 insertions(+), 42 deletions(-)

diff --git a/app/dashboard/analytics/loading.tsx b/app/dashboard/analytics/loading.tsx
index c58fcd0..7dee90c 100644
--- a/app/dashboard/analytics/loading.tsx
+++ b/app/dashboard/analytics/loading.tsx
@@ -1,59 +1,62 @@
 import { Skeleton } from "@/components/ui/skeleton";
 import { Card, CardContent, CardHeader } from "@/components/ui/card";
+import Layout from "@/components/layout/layout";
 
 export default function AnalyticsLoading() {
   return (
-    <div className="space-y-6">
-      <div>
-        <Skeleton className="h-8 w-64 mb-2" />
-        <Skeleton className="h-4 w-96" />
-      </div>
-      
-      {/* Metrics Cards */}
-      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
-        {[...Array(4)].map((_, i) => (
-          <Card key={i}>
-            <CardHeader className="pb-2">
-              <Skeleton className="h-4 w-24" />
-            </CardHeader>
-            <CardContent>
-              <Skeleton className="h-8 w-20 mb-2" />
-              <Skeleton className="h-3 w-32" />
-            </CardContent>
-          </Card>
-        ))}
-      </div>
-
-      {/* Completion Rate Card */}
-      <Card>
-        <CardHeader>
-          <Skeleton className="h-6 w-48 mb-2" />
-          <Skeleton className="h-4 w-80" />
-        </CardHeader>
-        <CardContent>
-          <div className="flex items-center gap-4">
-            <Skeleton className="h-8 w-16" />
-            <div className="flex-1">
-              <Skeleton className="h-2 w-full" />
-            </div>
-            <Skeleton className="h-6 w-20" />
-          </div>
-        </CardContent>
-      </Card>
-
-      {/* Analytics Tabs */}
+    <Layout>
       <div className="space-y-6">
-        <Skeleton className="h-10 w-full" />
+        <div>
+          <Skeleton className="h-8 w-64 mb-2" />
+          <Skeleton className="h-4 w-96" />
+        </div>
+        
+        {/* Metrics Cards */}
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+          {[...Array(4)].map((_, i) => (
+            <Card key={i}>
+              <CardHeader className="pb-2">
+                <Skeleton className="h-4 w-24" />
+              </CardHeader>
+              <CardContent>
+                <Skeleton className="h-8 w-20 mb-2" />
+                <Skeleton className="h-3 w-32" />
+              </CardContent>
+            </Card>
+          ))}
+        </div>
+
+        {/* Completion Rate Card */}
         <Card>
           <CardHeader>
             <Skeleton className="h-6 w-48 mb-2" />
             <Skeleton className="h-4 w-80" />
           </CardHeader>
           <CardContent>
-            <Skeleton className="h-64 w-full" />
+            <div className="flex items-center gap-4">
+              <Skeleton className="h-8 w-16" />
+              <div className="flex-1">
+                <Skeleton className="h-2 w-full" />
+              </div>
+              <Skeleton className="h-6 w-20" />
+            </div>
           </CardContent>
         </Card>
+
+        {/* Analytics Tabs */}
+        <div className="space-y-6">
+          <Skeleton className="h-10 w-full" />
+          <Card>
+            <CardHeader>
+              <Skeleton className="h-6 w-48 mb-2" />
+              <Skeleton className="h-4 w-80" />
+            </CardHeader>
+            <CardContent>
+              <Skeleton className="h-64 w-full" />
+            </CardContent>
+          </Card>
+        </div>
       </div>
-    </div>
+    </Layout>
   );
 } 
\ No newline at end of file