From 9f09a4eae90dda9c5bc5269493948ef9c8dd5175 Mon Sep 17 00:00:00 2001
From: Andres <andres99.dev@gmail.com>
Date: Fri, 2 May 2025 22:17:04 +0200
Subject: [PATCH] show current sorting position alongside the rank

---
 src/app/(home)/page.tsx             | 14 ++------------
 src/app/_components/leaderboard.tsx |  4 ++++
 2 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/app/(home)/page.tsx b/src/app/(home)/page.tsx
index 83559b0..3415b92 100644
--- a/src/app/(home)/page.tsx
+++ b/src/app/(home)/page.tsx
@@ -1,22 +1,12 @@
 import { GithubLinks } from '@/app/_components/github-links'
-import { ModeToggle } from '@/components/mode-toggle'
 import { Button } from '@/components/ui/button'
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 import { DropdownMenuTrigger } from '@/components/ui/dropdown-menu'
-import { Sheet, SheetContent, SheetTrigger } from '@/components/ui/sheet'
 import { SiGithub } from '@icons-pack/react-simple-icons'
-import {
-  Award,
-  BookOpen,
-  ChevronRight,
-  Info,
-  Menu,
-  MessageSquare,
-  Trophy,
-  Users,
-} from 'lucide-react'
+import { ChevronRight, MessageSquare, Trophy, Users } from 'lucide-react'
 import Image from 'next/image'
 import Link from 'next/link'
+
 export default function Home() {
   return (
     <div className='flex min-h-screen flex-col'>
diff --git a/src/app/_components/leaderboard.tsx b/src/app/_components/leaderboard.tsx
index 9e8b8d7..701710c 100644
--- a/src/app/_components/leaderboard.tsx
+++ b/src/app/_components/leaderboard.tsx
@@ -348,6 +348,7 @@ function RawLeaderboardTable({
         <Table>
           <TableHeader className='sticky top-0 z-10 bg-white dark:bg-zinc-900'>
             <TableRow className='bg-gray-50 dark:bg-zinc-800/50'>
+              <TableHead className='w-[40px] text-right'>#</TableHead>
               <TableHead className='w-[80px]'>
                 <SortableHeader
                   className='w-full justify-end'
@@ -468,6 +469,9 @@ function RawLeaderboardTable({
                         'transition-colors hover:bg-gray-50 dark:hover:bg-zinc-800/70'
                       )}
                     >
+                      <TableCell className='w-10 text-right font-medium'>
+                        {virtualRow.index + 1}
+                      </TableCell>
                       <TableCell className='w-28 font-medium'>
                         <div className='flex items-center justify-end gap-1.5 pr-4.5 font-mono'>
                           <span className={cn(entry.rank < 10 && 'ml-[1ch]')}>