From e40f07211f5f15dcb138e2520a76d13afd3c0cfd Mon Sep 17 00:00:00 2001 From: FifthWit Date: Thu, 30 Jan 2025 10:44:30 -0600 Subject: formatted with prettier --- frontend/src/components/RankingEntry.tsx | 94 +++++++++++++++++++------------- 1 file changed, 57 insertions(+), 37 deletions(-) (limited to 'frontend/src/components/RankingEntry.tsx') diff --git a/frontend/src/components/RankingEntry.tsx b/frontend/src/components/RankingEntry.tsx index b899965..add36ca 100644 --- a/frontend/src/components/RankingEntry.tsx +++ b/frontend/src/components/RankingEntry.tsx @@ -1,46 +1,66 @@ import React from 'react'; -import { Link } from "react-router-dom"; -import { RankingType, SteamRanking, SteamRankingType } from '@customTypes/Ranking'; +import { Link } from 'react-router-dom'; +import { + RankingType, + SteamRanking, + SteamRankingType, +} from '@customTypes/Ranking'; enum RankingCategories { - rankings_overall, - rankings_multiplayer, - rankings_singleplayer + rankings_overall, + rankings_multiplayer, + rankings_singleplayer, } interface RankingEntryProps { - curRankingData: RankingType | SteamRankingType; - currentLeaderboardType: RankingCategories -}; - -const RankingEntry: React.FC = (prop) => { - if ("placement" in prop.curRankingData) { - return ( -
- {prop.curRankingData.placement} -
- - - {prop.curRankingData.user.user_name} - -
- {prop.curRankingData.total_score} -
- ) - } else { - return ( -
- {prop.currentLeaderboardType == RankingCategories.rankings_singleplayer ? prop.curRankingData.sp_rank : prop.currentLeaderboardType == RankingCategories.rankings_multiplayer ? prop.curRankingData.mp_rank : prop.curRankingData.overall_rank} -
- - - {prop.curRankingData.user_name} - -
- {prop.currentLeaderboardType == RankingCategories.rankings_singleplayer ? prop.curRankingData.sp_score : prop.currentLeaderboardType == RankingCategories.rankings_multiplayer ? prop.curRankingData.mp_score : prop.curRankingData.overall_score} -
- ) - } + curRankingData: RankingType | SteamRankingType; + currentLeaderboardType: RankingCategories; } +const RankingEntry: React.FC = prop => { + if ('placement' in prop.curRankingData) { + return ( +
+ {prop.curRankingData.placement} +
+ + + {prop.curRankingData.user.user_name} + +
+ {prop.curRankingData.total_score} +
+ ); + } else { + return ( +
+ + {prop.currentLeaderboardType == + RankingCategories.rankings_singleplayer + ? prop.curRankingData.sp_rank + : prop.currentLeaderboardType == + RankingCategories.rankings_multiplayer + ? prop.curRankingData.mp_rank + : prop.curRankingData.overall_rank} + +
+ + + {prop.curRankingData.user_name} + +
+ + {prop.currentLeaderboardType == + RankingCategories.rankings_singleplayer + ? prop.curRankingData.sp_score + : prop.currentLeaderboardType == + RankingCategories.rankings_multiplayer + ? prop.curRankingData.mp_score + : prop.curRankingData.overall_score} + +
+ ); + } +}; + export default RankingEntry; -- cgit v1.2.3