From 42b7911d6e9cc41f177e71ce42cf5fe576ba5b28 Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Fri, 23 May 2025 16:31:17 +0100
Subject: [PATCH] fix: pagination in 'my likes' page redirecting to index page

---
 src/components/mii-list/pagination.tsx | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/components/mii-list/pagination.tsx b/src/components/mii-list/pagination.tsx
index fe93ea8..cd376af 100644
--- a/src/components/mii-list/pagination.tsx
+++ b/src/components/mii-list/pagination.tsx
@@ -1,9 +1,9 @@
 "use client";
 
-import { useSearchParams } from "next/navigation";
+import { usePathname, useSearchParams } from "next/navigation";
 import Link from "next/link";
 
-import { useMemo } from "react";
+import { useCallback, useMemo } from "react";
 import { Icon } from "@iconify/react";
 
 interface Props {
@@ -11,14 +11,18 @@ interface Props {
 }
 
 export default function Pagination({ lastPage }: Props) {
+	const pathname = usePathname();
 	const searchParams = useSearchParams();
 	const page = Number(searchParams.get("page") ?? 1);
 
-	const createPageUrl = (pageNumber: number) => {
-		const params = new URLSearchParams(searchParams);
-		params.set("page", pageNumber.toString());
-		return `/?${params.toString()}`;
-	};
+	const createPageUrl = useCallback(
+		(pageNumber: number) => {
+			const params = new URLSearchParams(searchParams);
+			params.set("page", pageNumber.toString());
+			return `${pathname}?${params.toString()}`;
+		},
+		[searchParams, pathname]
+	);
 
 	const numbers = useMemo(() => {
 		const result = [];