From 12a15d25df742e5eafec84ec55840d60bf23f609 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Thu, 3 Oct 2024 22:45:42 +0100
Subject: [PATCH] Add leaderboard page

---
 src/api/leaderboard.ts                        |  4 +-
 .../Leaderboard/LeaderboardPage.tsx           | 40 +------------------
 2 files changed, 4 insertions(+), 40 deletions(-)

diff --git a/src/api/leaderboard.ts b/src/api/leaderboard.ts
index 669683840..5589ab174 100644
--- a/src/api/leaderboard.ts
+++ b/src/api/leaderboard.ts
@@ -21,8 +21,8 @@ export type ListLeaderboardStatsResponse = {
     currentMonth: LeaderboardUserDetails[];
   };
   referrals: {
-    currentMonth: LeadeboardUserDetails[];
-    lifetime: LeadeboardUserDetails[];
+    currentMonth: LeaderboardUserDetails[];
+    lifetime: LeaderboardUserDetails[];
   };
 };
 
diff --git a/src/components/Leaderboard/LeaderboardPage.tsx b/src/components/Leaderboard/LeaderboardPage.tsx
index 79fa5874d..7ac4b635f 100644
--- a/src/components/Leaderboard/LeaderboardPage.tsx
+++ b/src/components/Leaderboard/LeaderboardPage.tsx
@@ -24,7 +24,7 @@ export function LeaderboardPage(props: LeaderboardPageProps) {
           Leaderboard
         </h1>
 
-        <div className="mt-8 grid gap-2 md:grid-cols-2">
+        <div className="grid gap-2 sm:gap-3 md:grid-cols-2">
           <LeaderboardLane
             title="Longest Visit Streak"
             tabs={[
@@ -76,42 +76,6 @@ export function LeaderboardPage(props: LeaderboardPageProps) {
               },
             ]}
           />
-        </div>
-        <div className="grid gap-2 sm:gap-3 md:grid-cols-2">
-          <LeaderboardLane
-            title="Longest Visit Streak"
-            tabs={[
-              {
-                title: 'Active',
-                users: stats.streaks?.active || [],
-                emptyIcon: <Zap className="size-16 text-gray-300" />,
-                emptyText: 'No users with streaks yet',
-              },
-              {
-                title: 'Lifetime',
-                users: stats.streaks?.lifetime || [],
-                emptyIcon: <Zap className="size-16 text-gray-300" />,
-                emptyText: 'No users with streaks yet',
-              },
-            ]}
-          />
-          <LeaderboardLane
-            title="Projects Completed"
-            tabs={[
-              {
-                title: 'This Month',
-                users: stats.projectSubmissions.currentMonth,
-                emptyIcon: <FolderKanban className="size-16 text-gray-300" />,
-                emptyText: 'No projects submitted this month',
-              },
-              {
-                title: 'Lifetime',
-                users: stats.projectSubmissions.lifetime,
-                emptyIcon: <FolderKanban className="size-16 text-gray-300" />,
-                emptyText: 'No projects submitted yet',
-              },
-            ]}
-          />
           <LeaderboardLane
             title="Top Contributors"
             subtitle="Past 2 weeks"
@@ -150,7 +114,7 @@ function LeaderboardLane(props: LeaderboardLaneProps) {
   return (
     <div className="flex min-h-[450px] flex-col overflow-hidden rounded-xl border bg-white shadow-sm">
       <div className="mb-3 flex items-center justify-between gap-2 px-3 py-3">
-        <h3 className="text-base font-medium">
+        <h3 className="text-sm font-medium">
           {title}{' '}
           {subtitle && (
             <span className="ml-1 text-sm font-normal text-gray-400">