From 1b765f654e3a43cefacf51e8538a081fc45d1791 Mon Sep 17 00:00:00 2001
From: Andres <andres99.dev@gmail.com>
Date: Sat, 5 Apr 2025 00:51:14 +0200
Subject: [PATCH] add peak streak to leaderboard

---
 src/app/_components/leaderboard.tsx | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/app/_components/leaderboard.tsx b/src/app/_components/leaderboard.tsx
index 81141e8..c483b16 100644
--- a/src/app/_components/leaderboard.tsx
+++ b/src/app/_components/leaderboard.tsx
@@ -395,6 +395,16 @@ function RawLeaderboardTable({
                   onSort={onSort}
                 />
               </TableHead>
+              <TableHead className='text-right'>
+                <SortableHeader
+                  className='w-full justify-end'
+                  column='peak_streak'
+                  label='Peak Streak'
+                  currentSort={sortColumn}
+                  direction={sortDirection}
+                  onSort={onSort}
+                />
+              </TableHead>
             </TableRow>
           </TableHeader>
           <TableBody>
@@ -471,7 +481,7 @@ function RawLeaderboardTable({
                       <TableCell className='text-right font-mono text-slate-600 dark:text-slate-400'>
                         {entry.totalgames}
                       </TableCell>
-                      <TableCell className='text-right'>
+                      <TableCell className='text-right font-mono'>
                         {entry.streak > 0 ? (
                           <span className='flex items-center justify-end text-emerald-600 dark:text-emerald-400'>
                             <ArrowUp className='mr-1 h-3.5 w-3.5' />
@@ -488,6 +498,11 @@ function RawLeaderboardTable({
                           <span>0</span>
                         )}
                       </TableCell>
+                      <TableCell className='text-right'>
+                        <span className='flex items-center justify-end font-mono'>
+                          {entry.peak_streak}
+                        </span>
+                      </TableCell>
                     </TableRow>
                   </Fragment>
                 )