masi/lnreader-plugins
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

refactor: Update Pagination Logic in Playground

Browse Source
This commit is contained in:
Rajarshee Chatterjee
2026-01-10 11:27:35 +05:30
parent f8da77a903
commit 0064125421
3 changed files with 177 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/parse-novel.tsx
+31 -29
View File
@@ -409,43 +409,45 @@ export default function ParseNovelSection({
<h4 className="font-semibold text-foreground">
Chapters ({chapters.length})
</h4>
{sourceNovel.totalPages && sourceNovel.totalPages > 1 && (
{sourceNovel.totalPages && (
<div className="flex items-center gap-2">
{sourceNovel.totalPages > 1 && (
<>
<Button
variant="outline"
size="sm"
onClick={() => fetchPage(currentPage - 1)}
disabled={currentPage === 1 || loading}
>
<ChevronLeft className="w-4 h-4" />
Previous
</Button>
<span className="text-sm text-muted-foreground">
Page {currentPage} of {sourceNovel.totalPages}
</span>
<Button
variant="outline"
size="sm"
onClick={() => fetchPage(currentPage + 1)}
disabled={
currentPage === sourceNovel.totalPages || loading
}
>
Next
<ChevronRight className="w-4 h-4" />
</Button>
</>
)}
<Button
variant="outline"
size="sm"
onClick={() => fetchPage(currentPage - 1)}
disabled={currentPage === 1 || loading}
onClick={() => fetchPage(currentPage || 1)}
disabled={loading}
>
<ChevronLeft className="w-4 h-4" />
Previous
</Button>
<span className="text-sm text-muted-foreground">
Page {currentPage} of {sourceNovel.totalPages}
</span>
<Button
variant="outline"
size="sm"
onClick={() => fetchPage(currentPage + 1)}
disabled={
currentPage === sourceNovel.totalPages || loading
}
>
Next
<ChevronRight className="w-4 h-4" />
{loading ? 'Fetching...' : 'Fetch Page'}
</Button>
</div>
)}
{sourceNovel.totalPages && (
<Button
variant="outline"
size="sm"
onClick={() => fetchPage(currentPage)}
disabled={!currentPage || loading}
>
{loading ? 'Fetching...' : 'Chapter Fetch'}
</Button>
)}
</div>
<div className="overflow-x-auto border border-border rounded-lg">
<table className="w-full text-sm">