diff options
Diffstat (limited to 'frontend/src/pages/Rankings.tsx')
| -rw-r--r-- | frontend/src/pages/Rankings.tsx | 28 |
1 files changed, 14 insertions, 14 deletions
diff --git a/frontend/src/pages/Rankings.tsx b/frontend/src/pages/Rankings.tsx index ab82931..275f9d0 100644 --- a/frontend/src/pages/Rankings.tsx +++ b/frontend/src/pages/Rankings.tsx | |||
| @@ -1,16 +1,16 @@ | |||
| 1 | import React, { useEffect } from 'react'; | 1 | import React, { useEffect } from "react"; |
| 2 | import { Helmet } from 'react-helmet'; | 2 | import { Helmet } from "react-helmet"; |
| 3 | 3 | ||
| 4 | import RankingEntry from '@components/RankingEntry'; | 4 | import RankingEntry from "@components/RankingEntry"; |
| 5 | import { | 5 | import { |
| 6 | Ranking, | 6 | Ranking, |
| 7 | SteamRanking, | 7 | SteamRanking, |
| 8 | RankingType, | 8 | RankingType, |
| 9 | SteamRankingType, | 9 | SteamRankingType, |
| 10 | } from '@customTypes/Ranking'; | 10 | } from "@customTypes/Ranking"; |
| 11 | import { API } from '@api/Api'; | 11 | import { API } from "@api/Api"; |
| 12 | 12 | ||
| 13 | import '@css/Rankings.css'; | 13 | import "@css/Rankings.css"; |
| 14 | 14 | ||
| 15 | const Rankings: React.FC = () => { | 15 | const Rankings: React.FC = () => { |
| 16 | const [leaderboardData, setLeaderboardData] = React.useState< | 16 | const [leaderboardData, setLeaderboardData] = React.useState< |
| @@ -122,7 +122,7 @@ const Rankings: React.FC = () => { | |||
| 122 | _fetch_rankings(); | 122 | _fetch_rankings(); |
| 123 | setCurrentRankingType(LeaderboardTypes.official); | 123 | setCurrentRankingType(LeaderboardTypes.official); |
| 124 | }} | 124 | }} |
| 125 | className={`nav-1-btn ${currentRankingType === LeaderboardTypes.official ? 'selected' : ''}`} | 125 | className={`nav-1-btn ${currentRankingType === LeaderboardTypes.official ? "selected" : ""}`} |
| 126 | > | 126 | > |
| 127 | <span>Official (LPHUB)</span> | 127 | <span>Official (LPHUB)</span> |
| 128 | </button> | 128 | </button> |
| @@ -131,7 +131,7 @@ const Rankings: React.FC = () => { | |||
| 131 | __dev_fetch_unofficial_rankings(); | 131 | __dev_fetch_unofficial_rankings(); |
| 132 | setCurrentRankingType(LeaderboardTypes.unofficial); | 132 | setCurrentRankingType(LeaderboardTypes.unofficial); |
| 133 | }} | 133 | }} |
| 134 | className={`nav-1-btn ${currentRankingType === LeaderboardTypes.unofficial ? 'selected' : ''}`} | 134 | className={`nav-1-btn ${currentRankingType === LeaderboardTypes.unofficial ? "selected" : ""}`} |
| 135 | > | 135 | > |
| 136 | <span>Unofficial (Steam)</span> | 136 | <span>Unofficial (Steam)</span> |
| 137 | </button> | 137 | </button> |
| @@ -143,7 +143,7 @@ const Rankings: React.FC = () => { | |||
| 143 | onClick={() => | 143 | onClick={() => |
| 144 | _set_current_leaderboard(RankingCategories.rankings_singleplayer) | 144 | _set_current_leaderboard(RankingCategories.rankings_singleplayer) |
| 145 | } | 145 | } |
| 146 | className={`nav-2-btn ${currentLeaderboardType === RankingCategories.rankings_singleplayer ? 'selected' : ''}`} | 146 | className={`nav-2-btn ${currentLeaderboardType === RankingCategories.rankings_singleplayer ? "selected" : ""}`} |
| 147 | > | 147 | > |
| 148 | <span>Singleplayer</span> | 148 | <span>Singleplayer</span> |
| 149 | </button> | 149 | </button> |
| @@ -151,7 +151,7 @@ const Rankings: React.FC = () => { | |||
| 151 | onClick={() => | 151 | onClick={() => |
| 152 | _set_current_leaderboard(RankingCategories.rankings_multiplayer) | 152 | _set_current_leaderboard(RankingCategories.rankings_multiplayer) |
| 153 | } | 153 | } |
| 154 | className={`nav-2-btn ${currentLeaderboardType === RankingCategories.rankings_multiplayer ? 'selected' : ''}`} | 154 | className={`nav-2-btn ${currentLeaderboardType === RankingCategories.rankings_multiplayer ? "selected" : ""}`} |
| 155 | > | 155 | > |
| 156 | <span>Cooperative</span> | 156 | <span>Cooperative</span> |
| 157 | </button> | 157 | </button> |
| @@ -159,7 +159,7 @@ const Rankings: React.FC = () => { | |||
| 159 | onClick={() => | 159 | onClick={() => |
| 160 | _set_current_leaderboard(RankingCategories.rankings_overall) | 160 | _set_current_leaderboard(RankingCategories.rankings_overall) |
| 161 | } | 161 | } |
| 162 | className={`nav-2-btn ${currentLeaderboardType === RankingCategories.rankings_overall ? 'selected' : ''}`} | 162 | className={`nav-2-btn ${currentLeaderboardType === RankingCategories.rankings_overall ? "selected" : ""}`} |
| 163 | > | 163 | > |
| 164 | <span>Overall</span> | 164 | <span>Overall</span> |
| 165 | </button> | 165 | </button> |
| @@ -191,9 +191,9 @@ const Rankings: React.FC = () => { | |||
| 191 | {leaderboardLoad ? null : ( | 191 | {leaderboardLoad ? null : ( |
| 192 | <div | 192 | <div |
| 193 | style={{ | 193 | style={{ |
| 194 | display: 'flex', | 194 | display: "flex", |
| 195 | justifyContent: 'center', | 195 | justifyContent: "center", |
| 196 | margin: '30px 0px', | 196 | margin: "30px 0px", |
| 197 | }} | 197 | }} |
| 198 | > | 198 | > |
| 199 | <span className="loader"></span> | 199 | <span className="loader"></span> |