aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/pages/Rankings.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/pages/Rankings.tsx')
-rw-r--r--frontend/src/pages/Rankings.tsx28
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 @@
1import React, { useEffect } from 'react'; 1import React, { useEffect } from "react";
2import { Helmet } from 'react-helmet'; 2import { Helmet } from "react-helmet";
3 3
4import RankingEntry from '@components/RankingEntry'; 4import RankingEntry from "@components/RankingEntry";
5import { 5import {
6 Ranking, 6 Ranking,
7 SteamRanking, 7 SteamRanking,
8 RankingType, 8 RankingType,
9 SteamRankingType, 9 SteamRankingType,
10} from '@customTypes/Ranking'; 10} from "@customTypes/Ranking";
11import { API } from '@api/Api'; 11import { API } from "@api/Api";
12 12
13import '@css/Rankings.css'; 13import "@css/Rankings.css";
14 14
15const Rankings: React.FC = () => { 15const 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>