From 5452dafa15c23e525d63ca2f04b27c691203f7d4 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Fri, 20 Oct 2023 12:09:27 +0100
Subject: [PATCH] show rank in search

---
 src/components/SearchPlayer.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/SearchPlayer.tsx b/src/components/SearchPlayer.tsx
index e0cff3d..2470e92 100644
--- a/src/components/SearchPlayer.tsx
+++ b/src/components/SearchPlayer.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { ScoresaberPlayer } from "@/schemas/scoresaber/player";
+import { formatNumber } from "@/utils/number";
 import { searchByName } from "@/utils/scoresaber/api";
 import { MagnifyingGlassIcon } from "@heroicons/react/20/solid";
 import clsx from "clsx";
@@ -63,7 +64,12 @@ export default function SearchPlayer() {
           >
             <Avatar label="Account" size={40} url={player.profilePicture} />
 
-            <p className="truncate">{player.name}</p>
+            <div>
+              <p className="text-xs text-gray-400">
+                #{formatNumber(player.rank)}
+              </p>
+              <p className="text-sm">{player.name}</p>
+            </div>
           </a>
         ))}
       </div>