make urls look less awful (remove query params)

src/app/player/[id]/[sort]/[page]/page.tsx

@@ -6,7 +6,7 @@ import { normalizedRegionName } from "@/utils/utils";
 import { Metadata } from "next";
 
 type Props = {
-  params: { id: string };
+  params: { id: string; sort: string; page: string };
 };
 
 export async function generateMetadata({
@@ -47,6 +47,6 @@ export async function generateMetadata({
   };
 }
 
-export default function Player({ params: { id } }: Props) {
-  return <PlayerPage id={id} />;
+export default function Player({ params: { id, sort, page } }: Props) {
+  return <PlayerPage id={id} sort={sort} page={page} />;
 }

src/app/ranking/country/[country]/[page]/page.tsx

@@ -0,0 +1,9 @@
+import GlobalRanking from "@/components/player/GlobalRanking";
+
+type Props = {
+  params: { page: string; country: string };
+};
+
+export default function RankingGlobal({ params: { page, country } }: Props) {
+  return <GlobalRanking page={Number(page)} country={country} />;
+}

src/app/ranking/country/[country]/page.tsx

@@ -1,14 +0,0 @@
-import GlobalRanking from "@/components/player/GlobalRanking";
-import { getPageFromSearchQuery } from "@/utils/utils";
-import { headers } from "next/headers";
-
-type RankingCountryProps = {
-  params: { country: string };
-};
-
-export default function RankingCountry({ params }: RankingCountryProps) {
-  const page = getPageFromSearchQuery(headers());
-  const country = params.country;
-
-  return <GlobalRanking page={page} country={country} />;
-}

src/app/ranking/global/[page]/page.tsx

@@ -0,0 +1,9 @@
+import GlobalRanking from "@/components/player/GlobalRanking";
+
+type Props = {
+  params: { page: string };
+};
+
+export default function RankingGlobal({ params: { page } }: Props) {
+  return <GlobalRanking page={Number(page)} />;
+}

src/app/ranking/global/page.tsx

@@ -1,9 +0,0 @@
-import GlobalRanking from "@/components/player/GlobalRanking";
-import { getPageFromSearchQuery } from "@/utils/utils";
-import { headers } from "next/headers";
-
-export default function RankingGlobal() {
-  const page = getPageFromSearchQuery(headers());
-
-  return <GlobalRanking page={page} />;
-}