aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--frontend/src/pages/Maps.tsx19
1 files changed, 12 insertions, 7 deletions
diff --git a/frontend/src/pages/Maps.tsx b/frontend/src/pages/Maps.tsx
index 51a2020..33bd05b 100644
--- a/frontend/src/pages/Maps.tsx
+++ b/frontend/src/pages/Maps.tsx
@@ -35,26 +35,31 @@ const Maps: React.FC<MapProps> = ({ token, isModerator }) => {
35 35
36 const mapID = location.pathname.split('/')[2]; 36 const mapID = location.pathname.split('/')[2];
37 37
38 const _fetch_map_summary = async () => { 38 const _fetch_map_summary = React.useCallback(async () => {
39 const mapSummary = await API.get_map_summary(mapID); 39 const mapSummary = await API.get_map_summary(mapID);
40 setMapSummaryData(mapSummary); 40 setMapSummaryData(mapSummary);
41 }; 41 }, [mapID]);
42 42
43 const _fetch_map_leaderboards = async () => { 43 const _fetch_map_leaderboards = React.useCallback(async () => {
44 const mapLeaderboards = await API.get_map_leaderboard(mapID, '1'); 44 const mapLeaderboards = await API.get_map_leaderboard(mapID, '1');
45 setMapLeaderboardData(mapLeaderboards); 45 setMapLeaderboardData(mapLeaderboards);
46 }; 46 }, [mapID]);
47 47
48 const _fetch_map_discussions = async () => { 48 const _fetch_map_discussions = React.useCallback(async () => {
49 const mapDiscussions = await API.get_map_discussions(mapID); 49 const mapDiscussions = await API.get_map_discussions(mapID);
50 setMapDiscussionsData(mapDiscussions); 50 setMapDiscussionsData(mapDiscussions);
51 }; 51 }, [mapID]);
52 52
53 React.useEffect(() => { 53 React.useEffect(() => {
54 _fetch_map_summary(); 54 _fetch_map_summary();
55 _fetch_map_leaderboards(); 55 _fetch_map_leaderboards();
56 _fetch_map_discussions(); 56 _fetch_map_discussions();
57 }, [mapID]); 57 }, [
58 mapID,
59 _fetch_map_discussions,
60 _fetch_map_leaderboards,
61 _fetch_map_summary,
62 ]);
58 63
59 if (!mapSummaryData) { 64 if (!mapSummaryData) {
60 // loading placeholder 65 // loading placeholder