From dd4ffff3ccc240f8d75dd7cb585dd3b0a5e5105d Mon Sep 17 00:00:00 2001
From: kenilkb <kenil@tech4biz.org>
Date: Fri, 10 Jul 2026 19:44:53 +0530
Subject: [PATCH] dashboard_remove_client_stats_cards_and_reflow_grid

---
 Channel-Frontend/src/pages/DashboardPage.tsx | 38 ++++++++++----------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/Channel-Frontend/src/pages/DashboardPage.tsx b/Channel-Frontend/src/pages/DashboardPage.tsx
index 812d25e..cb29fc4 100644
--- a/Channel-Frontend/src/pages/DashboardPage.tsx
+++ b/Channel-Frontend/src/pages/DashboardPage.tsx
@@ -81,27 +81,29 @@ export const DashboardPage = () => {
         className="p-5 space-y-6 flex flex-col min-h-0 flex-1 overflow-y-auto"
       >
         {/* Stats Grid */}
-        <motion.div variants={itemVariants} className="grid grid-cols-1 md:grid-cols-3 gap-4 pt-2">
-          {[
-            { label: 'Global Network Uptime', value: '99.99%', icon: Activity, trend: '+0.01%' },
-            { label: 'Active Data Streams', value: '1,492', icon: Zap, trend: '+12%' },
-            { label: 'Security Compliance', value: 'Level 4', icon: ShieldCheck, trend: 'Verified' }
-          ].map((stat, i) => (
-            <div key={i} className="relative group overflow-hidden rounded-xl bg-ink-0 border border-ink-200 p-4 transition-all duration-300 shadow-sm hover:shadow-md">
-              <div className="absolute top-0 right-0 p-4 opacity-5 group-hover:opacity-10 transition-opacity duration-500 group-hover:scale-110 transform">
-                <stat.icon className="w-16 h-16 text-ink-900" />
+        {user?.role === 'ADMIN' && (
+          <motion.div variants={itemVariants} className="grid grid-cols-1 md:grid-cols-3 gap-4 pt-2">
+            {[
+              { label: 'Global Network Uptime', value: '99.99%', icon: Activity, trend: '+0.01%' },
+              { label: 'Active Data Streams', value: '1,492', icon: Zap, trend: '+12%' },
+              { label: 'Security Compliance', value: 'Level 4', icon: ShieldCheck, trend: 'Verified' }
+            ].map((stat, i) => (
+              <div key={i} className="relative group overflow-hidden rounded-xl bg-ink-0 border border-ink-200 p-4 transition-all duration-300 shadow-sm hover:shadow-md">
+                <div className="absolute top-0 right-0 p-4 opacity-5 group-hover:opacity-10 transition-opacity duration-500 group-hover:scale-110 transform">
+                  <stat.icon className="w-16 h-16 text-ink-900" />
+                </div>
+                <p className="text-xs font-semibold uppercase tracking-wider text-ink-500 mb-1">{stat.label}</p>
+                <div className="flex items-end gap-3 mt-2">
+                  <h3 className="text-xl font-bold text-ink-900 tracking-tight">{stat.value}</h3>
+                  <span className="text-xs font-bold text-ink-900 bg-ink-100 px-2 py-0.5 rounded-md mb-0.5 border border-ink-200">{stat.trend}</span>
+                </div>
               </div>
-              <p className="text-xs font-semibold uppercase tracking-wider text-ink-500 mb-1">{stat.label}</p>
-              <div className="flex items-end gap-3 mt-2">
-                <h3 className="text-xl font-bold text-ink-900 tracking-tight">{stat.value}</h3>
-                <span className="text-xs font-bold text-ink-900 bg-ink-100 px-2 py-0.5 rounded-md mb-0.5 border border-ink-200">{stat.trend}</span>
-              </div>
-            </div>
-          ))}
-        </motion.div>
+            ))}
+          </motion.div>
+        )}
 
         {/* Main Action Cards */}
-        <motion.div variants={itemVariants} className="grid grid-cols-1 md:grid-cols-3 gap-4 pt-2">
+        <motion.div variants={itemVariants} className={`grid grid-cols-1 ${CARDS.length === 2 ? 'md:grid-cols-2' : 'md:grid-cols-3'} gap-4 pt-2`}>
           {CARDS.map((card, idx) => (
             <Link key={idx} to={card.path} className="group relative block h-full">
               <div className="relative h-full bg-ink-0 border border-ink-200 rounded-xl p-5 hover:border-ink-400 transition-all duration-300 overflow-hidden shadow-sm hover:shadow-md hover:-translate-y-0.5 flex flex-col justify-between">