From d6354d20d0004783144a344d0c0cd6e4c465c449 Mon Sep 17 00:00:00 2001
From: iamkiddy <francisyoungson@gmail.com>
Date: Fri, 5 Dec 2025 13:15:53 +0000
Subject: [PATCH] Comment out percentage badges in admin and user dashboard
 components for clarity and potential future use.

---
 app/(admin)/admin/dashboard/page.tsx | 12 +++++++-----
 app/(user)/user/dashboard/page.tsx   | 20 ++++++++++++--------
 2 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/app/(admin)/admin/dashboard/page.tsx b/app/(admin)/admin/dashboard/page.tsx
index 29a1ff5..b527b2d 100644
--- a/app/(admin)/admin/dashboard/page.tsx
+++ b/app/(admin)/admin/dashboard/page.tsx
@@ -284,7 +284,8 @@ export default function Dashboard() {
                         <div className={`p-2 sm:p-2.5 rounded-lg ${isDark ? "bg-gray-700" : "bg-gray-50"}`}>
                           <Icon className={`w-4 h-4 sm:w-5 sm:h-5 ${isDark ? "text-gray-200" : "text-gray-600"}`} />
                         </div>
-                        {card.trend && (
+                        {/* Percentage badge commented out */}
+                        {/* {card.trend && (
                           <div className={`flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium ${getTrendClasses(card.trendUp)}`}>
                             {card.trendUp ? (
                               <ArrowUpRight className="w-3 h-3" />
@@ -293,19 +294,20 @@ export default function Dashboard() {
                             )}
                             <span className="hidden sm:inline">{card.trend}</span>
                           </div>
-                        )}
+                        )} */}
                       </div>
                       
                       <div>
                         <h3 className={`text-xs font-medium mb-1 sm:mb-2 uppercase tracking-wider ${isDark ? "text-rose-300" : "text-rose-600"}`}>
                           {card.title}
                         </h3>
-                        <p className={`text-xl sm:text-2xl font-bold mb-1 ${isDark ? "text-white" : "text-gray-900"}`}>
+                        <p className={`text-xl sm:text-2xl font-bold ${isDark ? "text-white" : "text-gray-900"}`}>
                           {card.value}
                         </p>
-                          <p className={`text-xs ${isDark ? "text-gray-400" : "text-gray-500"}`}>
+                          {/* "vs last month" text commented out */}
+                          {/* <p className={`text-xs ${isDark ? "text-gray-400" : "text-gray-500"}`}>
                             vs last month
-                          </p>
+                          </p> */}
                       </div>
                     </div>
                   );
diff --git a/app/(user)/user/dashboard/page.tsx b/app/(user)/user/dashboard/page.tsx
index b308f13..2a02bb1 100644
--- a/app/(user)/user/dashboard/page.tsx
+++ b/app/(user)/user/dashboard/page.tsx
@@ -223,12 +223,13 @@ export default function UserDashboard() {
                       <div className={`p-2 sm:p-2.5 rounded-lg ${isDark ? 'bg-gray-700' : 'bg-gray-50'}`}>
                     <CalendarCheck className={`w-4 h-4 sm:w-5 sm:h-5 ${isDark ? 'text-gray-400' : 'text-gray-600'}`} />
                       </div>
-                      <div
+                      {/* Percentage badge commented out */}
+                      {/* <div
                     className={`flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium ${isDark ? "bg-green-900/30 text-green-400" : "bg-green-50 text-green-700"}`}
                       >
                           <ArrowUpRight className="w-3 h-3" />
                     <span>{displayStats.scheduled > 0 ? `+${displayStats.scheduled}` : "0"}</span>
-                  </div>
+                  </div> */}
                 </div>
                 <div>
                   <h3 className={`text-xs font-medium mb-1 sm:mb-2 uppercase tracking-wider ${isDark ? 'text-rose-400' : 'text-rose-600'}`}>
@@ -247,12 +248,13 @@ export default function UserDashboard() {
                   <div className={`p-2 sm:p-2.5 rounded-lg ${isDark ? 'bg-gray-700' : 'bg-gray-50'}`}>
                     <CheckCircle2 className={`w-4 h-4 sm:w-5 sm:h-5 ${isDark ? 'text-gray-400' : 'text-gray-600'}`} />
                   </div>
-                  <div
+                  {/* Percentage badge commented out */}
+                  {/* <div
                     className={`flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium ${isDark ? "bg-green-900/30 text-green-400" : "bg-green-50 text-green-700"}`}
                   >
                           <ArrowUpRight className="w-3 h-3" />
                     <span>{displayStats.completed > 0 ? `+${displayStats.completed}` : "0"}</span>
-                  </div>
+                  </div> */}
                 </div>
                 <div>
                   <h3 className={`text-xs font-medium mb-1 sm:mb-2 uppercase tracking-wider ${isDark ? 'text-rose-400' : 'text-rose-600'}`}>
@@ -271,12 +273,13 @@ export default function UserDashboard() {
                   <div className={`p-2 sm:p-2.5 rounded-lg ${isDark ? 'bg-gray-700' : 'bg-gray-50'}`}>
                     <Calendar className={`w-4 h-4 sm:w-5 sm:h-5 ${isDark ? 'text-gray-400' : 'text-gray-600'}`} />
                   </div>
-                  <div
+                  {/* Percentage badge commented out */}
+                  {/* <div
                     className={`flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium ${isDark ? "bg-green-900/30 text-green-400" : "bg-green-50 text-green-700"}`}
                   >
                     <ArrowUpRight className="w-3 h-3" />
                     <span>{`${Math.round(displayStats.completion_rate || 0)}%`}</span>
-                  </div>
+                  </div> */}
                 </div>
                       <div>
                         <h3 className={`text-xs font-medium mb-1 sm:mb-2 uppercase tracking-wider ${isDark ? 'text-rose-400' : 'text-rose-600'}`}>
@@ -295,12 +298,13 @@ export default function UserDashboard() {
                   <div className={`p-2 sm:p-2.5 rounded-lg ${isDark ? 'bg-gray-700' : 'bg-gray-50'}`}>
                     <Calendar className={`w-4 h-4 sm:w-5 sm:h-5 ${isDark ? 'text-gray-400' : 'text-gray-600'}`} />
                   </div>
-                  <div
+                  {/* Percentage badge commented out */}
+                  {/* <div
                     className={`flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium ${isDark ? "bg-red-900/30 text-red-400" : "bg-red-50 text-red-700"}`}
                   >
                     <ArrowUpRight className="w-3 h-3" />
                     <span>{displayStats.pending_review > 0 ? `${displayStats.pending_review}` : "0"}</span>
-                  </div>
+                  </div> */}
                 </div>
                 <div>
                   <h3 className={`text-xs font-medium mb-1 sm:mb-2 uppercase tracking-wider ${isDark ? 'text-rose-400' : 'text-rose-600'}`}>