diff --git a/projects/website/src/components/ranking/ranking-data.tsx b/projects/website/src/components/ranking/ranking-data.tsx
index 0718bef..fdb448b 100644
--- a/projects/website/src/components/ranking/ranking-data.tsx
+++ b/projects/website/src/components/ranking/ranking-data.tsx
@@ -11,19 +11,8 @@ import { PlayerRanking } from "@/components/ranking/player-ranking";
const REFRESH_INTERVAL = 1000 * 60 * 5;
type RankingDataProps = {
- /**
- * The page to show when opening the leaderboard.
- */
initialPage: number;
-
- /**
- * The country to show when opening the leaderboard.
- */
country?: string | undefined;
-
- /**
- * The leaderboard to display.
- */
initialPageData?: ScoreSaberPlayersPageToken;
};
@@ -53,9 +42,6 @@ export default function RankingData({ initialPage, country, initialPageData }: R
}
}, [data, isLoading, isError]);
- /**
- * Gets the URL to the page.
- */
const getUrl = useCallback(
(page: number) => {
return `/ranking/${country != undefined ? `${country}/` : ""}${page}`;
@@ -63,10 +49,6 @@ export default function RankingData({ initialPage, country, initialPageData }: R
[country]
);
- /**
- * Handle updating the URL when the page number,
- * sort, or search term changes.
- */
useEffect(() => {
const newUrl = getUrl(currentPage);
window.history.replaceState({ ...window.history.state, as: newUrl, url: newUrl }, "", newUrl);
@@ -80,26 +62,29 @@ export default function RankingData({ initialPage, country, initialPageData }: R
return (
-
-
-
- Rank |
- Player |
- Performance Points |
- Total Plays |
- Total Ranked Plays |
- Avg Ranked Accuracy |
- Weekly Change |
-
-
-
- {players.map(player => (
-
-
+ {/* Wrapping the table in a scrollable container */}
+
+
+
+
+ Rank |
+ Player |
+ Performance Points |
+ Total Plays |
+ Total Ranked Plays |
+ Avg Ranked Accuracy |
+ Weekly Change |
- ))}
-
-
+
+
+ {players.map(player => (
+
+
+
+ ))}
+
+
+
{/* Pagination */}