From e84d0f5f8f1c7871c829b7542e9ee6e3c3053688 Mon Sep 17 00:00:00 2001 From: Aleksandar Date: Thu, 11 Dec 2025 13:27:57 +0100 Subject: [PATCH] feat: modernize admin dashboard with premium sports design --- apps/admin/src/app/globals.css | 2 +- apps/admin/src/app/layout.tsx | 31 ++++- apps/admin/src/app/page.tsx | 118 +++++++++++------- .../analytics/AnalyticsDashboard.tsx | 107 ++++++++-------- apps/admin/src/components/ui/Sidebar.tsx | 55 +++++--- apps/admin/src/components/ui/StatsCard.tsx | 70 +++++++---- apps/admin/src/components/users/UserGrid.tsx | 69 ++++++---- 7 files changed, 284 insertions(+), 168 deletions(-) diff --git a/apps/admin/src/app/globals.css b/apps/admin/src/app/globals.css index b219a46..82fe513 100644 --- a/apps/admin/src/app/globals.css +++ b/apps/admin/src/app/globals.css @@ -32,7 +32,7 @@ --input: 214.3 31.8% 91.4%; --ring: 222.2 84% 4.9%; - --radius: 0.5rem; + --radius: 0.75rem; } .dark { diff --git a/apps/admin/src/app/layout.tsx b/apps/admin/src/app/layout.tsx index 8ae151c..82fe904 100644 --- a/apps/admin/src/app/layout.tsx +++ b/apps/admin/src/app/layout.tsx @@ -25,11 +25,34 @@ export default function RootLayout({ return ( - -
+ +
-
- {children} +
+
+
+
+

FitAI Pro

+
+
+ + + + + + +
+
+
+
+ {children} +
diff --git a/apps/admin/src/app/page.tsx b/apps/admin/src/app/page.tsx index a0d682a..dc8ed12 100644 --- a/apps/admin/src/app/page.tsx +++ b/apps/admin/src/app/page.tsx @@ -46,56 +46,78 @@ export default function Home() { }; return ( -
-
-

Dashboard

-

Welcome back, here's what's happening today.

-
- -
- - - 0 ? "+" : ""}${stats.revenueGrowth}%`} - trend={stats.revenueGrowth >= 0 ? "up" : "down"} - icon={CreditCard} - color="purple" - /> - -
- -
-
-

Recent Activity

- +
+
+ {/* Hero Section */} +
+
+
+
+

+ FitAI Dashboard +

+
+

Performance metrics & athlete insights

+
-
-

Quick Analytics

- + {/* Stats Grid */} +
+ + + 0 ? "+" : ""}${stats.revenueGrowth}%`} + trend={stats.revenueGrowth >= 0 ? "up" : "down"} + icon={CreditCard} + color="purple" + /> + +
+ + {/* Main Content Grid */} +
+
+
+
+

Active Athletes

+

Manage and monitor your fitness clients

+
+ +
+
+ +
+
+
+

Performance

+

Quick insights & analytics

+
+ +
+
diff --git a/apps/admin/src/components/analytics/AnalyticsDashboard.tsx b/apps/admin/src/components/analytics/AnalyticsDashboard.tsx index 8031fdc..e4825b8 100644 --- a/apps/admin/src/components/analytics/AnalyticsDashboard.tsx +++ b/apps/admin/src/components/analytics/AnalyticsDashboard.tsx @@ -67,74 +67,71 @@ export function AnalyticsDashboard() { if (loading) { return (
-
Loading analytics...
+
+
⚡
+

Loading analytics...

+
) } return (
-

Analytics Dashboard

+ {/* Key Metrics Cards */} +
+
+

Total Athletes

+
+
{totalUsers}
+ active +
+
- {/* Key Metrics */} -
- - -
-
{totalUsers}
-
Total Users
-
- - +
+

Total Revenue

+
+
${totalRevenue.toLocaleString()}
+ ytd +
+
- - -
-
${totalRevenue.toLocaleString()}
-
Total Revenue
-
- - - - - -
-
{activeMembers}
-
Active Members
-
- - +
+

Active Members

+
+
{activeMembers}
+ members +
+
- {/* Charts */} -
- - -

User Growth

- - - - - + {/* Charts Grid */} +
+
+
+

User Growth Trend

+

Last 6 months performance

+
+ +
- - -

Membership Distribution

- - +
+
+
+

Membership Mix

+

Distribution breakdown

+
- - -
+
- - -

Monthly Revenue

- - - - - +
+
+

Revenue Stream

+

Monthly earnings

+
+ +
+
+
) } \ No newline at end of file diff --git a/apps/admin/src/components/ui/Sidebar.tsx b/apps/admin/src/components/ui/Sidebar.tsx index 8332f86..3082650 100644 --- a/apps/admin/src/components/ui/Sidebar.tsx +++ b/apps/admin/src/components/ui/Sidebar.tsx @@ -65,14 +65,24 @@ export function Sidebar() { ]; return ( -