"use client"; const WINDOW_SIZE = 10; const EDGE_COUNT = 2; type PageItem = number | "ellipsis"; function buildPageItems(current: number, total: number): PageItem[] { if (total <= 0) return []; if (total <= WINDOW_SIZE) { return Array.from({ length: total }, (_, i) => i + 1); } const pages = new Set(); for (let i = 1; i <= Math.min(EDGE_COUNT, total); i++) { pages.add(i); } for (let i = Math.max(1, total - EDGE_COUNT + 1); i <= total; i++) { pages.add(i); } const start = Math.max(1, current - Math.floor((WINDOW_SIZE - 1) / 2)); const end = Math.min(total, start + WINDOW_SIZE - 1); const shiftedStart = Math.max(1, end - WINDOW_SIZE + 1); for (let i = shiftedStart; i <= end; i++) { pages.add(i); } const sorted = [...pages].sort((a, b) => a - b); const items: PageItem[] = []; for (let i = 0; i < sorted.length; i++) { const page = sorted[i]; if (i > 0) { const gap = page - sorted[i - 1]; if (gap === 2) { items.push(sorted[i - 1] + 1); } else if (gap > 2) { items.push("ellipsis"); } } items.push(page); } return items; } export function Pagination({ page, lastPage, onPageChange, }: { page: number; lastPage: number; onPageChange: (page: number) => void; }) { if (lastPage <= 1) return null; const items = buildPageItems(page, lastPage); const goTo = (next: number) => { if (next === page || next < 1 || next > lastPage) return; onPageChange(next); window.scrollTo({ top: 0, behavior: "smooth" }); }; return ( ); }