julienfroidefond/stripstream
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: ajoute la pagination et le filtrage des tomes dans la page série

Browse Source
This commit is contained in:
Julien Froidefond
2025-02-11 21:43:09 +01:00
parent f8725857ad
commit e4a663b6d4
6 changed files with 300 additions and 261 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/app/libraries/[libraryId]/page.tsx
View File

@@ -3,12 +3,12 @@ import { PaginatedSeriesGrid } from "@/components/library/PaginatedSeriesGrid";
interface PageProps {
params: { libraryId: string };
searchParams: { page?: string };
searchParams: { page?: string; unread?: string };
}
const PAGE_SIZE = 20;
async function getLibrarySeries(libraryId: string, page: number = 1) {
async function getLibrarySeries(libraryId: string, page: number = 1, unreadOnly: boolean = false) {
const configCookie = cookies().get("komgaCredentials");
if (!configCookie) {
@@ -25,7 +25,13 @@ async function getLibrarySeries(libraryId: string, page: number = 1) {
// Paramètres de pagination
const pageIndex = page - 1; // L'API Komga utilise un index base 0
const url = `${config.serverUrl}/api/v1/series?library_id=${libraryId}&page=${pageIndex}&size=${PAGE_SIZE}`;
// Construire l'URL avec les paramètres
let url = `${config.serverUrl}/api/v1/series?library_id=${libraryId}&page=${pageIndex}&size=${PAGE_SIZE}`;
// Ajouter le filtre pour les séries non lues et en cours si nécessaire
if (unreadOnly) {
url += "&read_status=UNREAD&read_status=IN_PROGRESS";
}
const credentials = `${config.credentials.username}:${config.credentials.password}`;
const auth = Buffer.from(credentials).toString("base64");
@@ -51,9 +57,14 @@ async function getLibrarySeries(libraryId: string, page: number = 1) {
export default async function LibraryPage({ params, searchParams }: PageProps) {
const currentPage = searchParams.page ? parseInt(searchParams.page) : 1;
const unreadOnly = searchParams.unread === "true";
try {
const { data: series, serverUrl } = await getLibrarySeries(params.libraryId, currentPage);
const { data: series, serverUrl } = await getLibrarySeries(
params.libraryId,
currentPage,
unreadOnly
);
return (
<div className="container py-8 space-y-8">