diff --git a/packages/web/components/Player/PlayerList.tsx b/packages/web/components/Player/PlayerList.tsx index e04cf36bf..748ea58f1 100644 --- a/packages/web/components/Player/PlayerList.tsx +++ b/packages/web/components/Player/PlayerList.tsx @@ -23,7 +23,7 @@ export const PlayerList: React.FC = ({ {players.map((player, idx) => ( ))} diff --git a/packages/web/components/Player/PlayerRank.tsx b/packages/web/components/Player/PlayerRank.tsx index e03372d4a..b5b9f9efe 100644 --- a/packages/web/components/Player/PlayerRank.tsx +++ b/packages/web/components/Player/PlayerRank.tsx @@ -7,11 +7,14 @@ import { convertToRoman } from '#utils/formatHelpers'; type PlayerRankProps = { player: Player; showSeasonalXP?: boolean; + /** Optional numeric rank position (#1, #2, #3…) displayed on leaderboard cards */ + index?: number; }; export const PlayerRank: React.FC = ({ player, showSeasonalXP, + index, }) => ( = ({ zIndex={1} > + {index != null && ( + + #{index + 1} + + )} {player.rank && ( = ({ {isPatron && typeof index === 'number' && pSeedPrice ? ( ) : ( - + )}