show gamemode in top players

Aero56 · Feb 18, 2024 · 17ce3cb · 17ce3cb
1 parent 4e8219d
commit 17ce3cb
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/src/components/TopPlayers.tsx b/src/components/TopPlayers.tsx
@@ -35,7 +35,21 @@ const TopPlayers = () => {
                     >
                       {rank}
                     </div>
-                    <p className="font-medium">{player.username}</p>
+                    <div className="flex items-center gap-1">
+                      {player.gamemode && (
+                        <img
+                          src={
+                            new URL(
+                              `../assets/modes/${player.gamemode}.png`,
+                              import.meta.url,
+                            ).href
+                          }
+                          alt={`${player.gamemode} icon`}
+                          className="h-4 w-4 object-contain"
+                        />
+                      )}
+                      <p className="font-medium">{player.username}</p>
+                    </div>
                   </div>
                   <p className="font-semibold text-anzac-400">
                     {player.total_score}

diff --git a/src/types/supabase.ts b/src/types/supabase.ts
@@ -370,6 +370,7 @@ export interface Database {
           id: string | null;
           total_score: number | null;
           username: string | null;
+          gamemode: Database['public']['Enums']['gamemode_enum'] | null;
         };
         Relationships: [
           {