diff options
Diffstat (limited to 'frontend/src/components/RankingEntry.tsx')
| -rw-r--r-- | frontend/src/components/RankingEntry.tsx | 58 |
1 files changed, 29 insertions, 29 deletions
diff --git a/frontend/src/components/RankingEntry.tsx b/frontend/src/components/RankingEntry.tsx index b899965..9ad9e1c 100644 --- a/frontend/src/components/RankingEntry.tsx +++ b/frontend/src/components/RankingEntry.tsx | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | import React from 'react'; | 1 | import React from "react"; |
| 2 | import { Link } from "react-router-dom"; | 2 | import { Link } from "react-router-dom"; |
| 3 | import { RankingType, SteamRanking, SteamRankingType } from '@customTypes/Ranking'; | 3 | import { RankingType, SteamRankingType } from "@customTypes/Ranking"; |
| 4 | 4 | ||
| 5 | enum RankingCategories { | 5 | enum RankingCategories { |
| 6 | rankings_overall, | 6 | rankings_overall, |
| @@ -14,33 +14,33 @@ interface RankingEntryProps { | |||
| 14 | }; | 14 | }; |
| 15 | 15 | ||
| 16 | const RankingEntry: React.FC<RankingEntryProps> = (prop) => { | 16 | const RankingEntry: React.FC<RankingEntryProps> = (prop) => { |
| 17 | if ("placement" in prop.curRankingData) { | 17 | if ("placement" in prop.curRankingData) { |
| 18 | return ( | 18 | return ( |
| 19 | <div className='leaderboard-entry'> | 19 | <div className='leaderboard-entry'> |
| 20 | <span>{prop.curRankingData.placement}</span> | 20 | <span>{prop.curRankingData.placement}</span> |
| 21 | <div> | 21 | <div> |
| 22 | <Link to={`/users/${prop.curRankingData.user.steam_id}`}> | 22 | <Link to={`/users/${prop.curRankingData.user.steam_id}`}> |
| 23 | <img src={prop.curRankingData.user.avatar_link}></img> | 23 | <img src={prop.curRankingData.user.avatar_link}></img> |
| 24 | <span>{prop.curRankingData.user.user_name}</span> | 24 | <span>{prop.curRankingData.user.user_name}</span> |
| 25 | </Link> | 25 | </Link> |
| 26 | </div> | 26 | </div> |
| 27 | <span>{prop.curRankingData.total_score}</span> | 27 | <span>{prop.curRankingData.total_score}</span> |
| 28 | </div> | 28 | </div> |
| 29 | ) | 29 | ) |
| 30 | } else { | 30 | } else { |
| 31 | return ( | 31 | return ( |
| 32 | <div className='leaderboard-entry'> | 32 | <div className='leaderboard-entry'> |
| 33 | <span>{prop.currentLeaderboardType == RankingCategories.rankings_singleplayer ? prop.curRankingData.sp_rank : prop.currentLeaderboardType == RankingCategories.rankings_multiplayer ? prop.curRankingData.mp_rank : prop.curRankingData.overall_rank}</span> | 33 | <span>{prop.currentLeaderboardType == RankingCategories.rankings_singleplayer ? prop.curRankingData.sp_rank : prop.currentLeaderboardType == RankingCategories.rankings_multiplayer ? prop.curRankingData.mp_rank : prop.curRankingData.overall_rank}</span> |
| 34 | <div> | 34 | <div> |
| 35 | <Link to={`/users/${prop.curRankingData.steam_id}`}> | 35 | <Link to={`/users/${prop.curRankingData.steam_id}`}> |
| 36 | <img src={prop.curRankingData.avatar_link}></img> | 36 | <img src={prop.curRankingData.avatar_link}></img> |
| 37 | <span>{prop.curRankingData.user_name}</span> | 37 | <span>{prop.curRankingData.user_name}</span> |
| 38 | </Link> | 38 | </Link> |
| 39 | </div> | 39 | </div> |
| 40 | <span>{prop.currentLeaderboardType == RankingCategories.rankings_singleplayer ? prop.curRankingData.sp_score : prop.currentLeaderboardType == RankingCategories.rankings_multiplayer ? prop.curRankingData.mp_score : prop.curRankingData.overall_score}</span> | 40 | <span>{prop.currentLeaderboardType == RankingCategories.rankings_singleplayer ? prop.curRankingData.sp_score : prop.currentLeaderboardType == RankingCategories.rankings_multiplayer ? prop.curRankingData.mp_score : prop.curRankingData.overall_score}</span> |
| 41 | </div> | 41 | </div> |
| 42 | ) | 42 | ) |
| 43 | } | 43 | } |
| 44 | } | 44 | } |
| 45 | 45 | ||
| 46 | export default RankingEntry; | 46 | export default RankingEntry; |