trafficlunar/tomodachi-share
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: pagination in 'my likes' page redirecting to index page

Browse source
This commit is contained in:
trafficlunar 2025-05-23 16:31:17 +01:00
parent 745a2e0c54
commit 42b7911d6e
1 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/components/mii-list/pagination.tsx
View file

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