diff options
Diffstat (limited to 'frontend/src/pages/Maps.tsx')
| -rw-r--r-- | frontend/src/pages/Maps.tsx | 19 |
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 |