sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove pagination controls and update section title on Stadl page

Browse Source 
Removes pagination logic and buttons from the FolxStadlPage, simplifying the UI, and updates the main section title to "FOLX STADL S4 Episodes".

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/Sy6XHzr
This commit is contained in:
sebastjanartic 2025-08-30 19:47:38 +00:00
parent 5572b7df36
commit 9629db06d8
2 changed files with 4 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/image_1756583203861.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

84
client/src/pages/FolxStadlPage.tsx
View File

@ -68,38 +68,16 @@ export default function FolxStadlPage() {
{/* Main Content */}
<div className="max-w-7xl mx-auto px-4 py-8">
{/* Pagination Info */}
<div className="mb-6 flex justify-between items-center">
{/* Section title only */}
<div className="mb-6">
<h2 className="text-2xl font-bold text-white">
Seite {currentPage} von {totalPages} ({folxStadlVideos.length} Sendungen)
FOLX STADL S4 Episodes
</h2>
<div className="flex gap-2">
<Button
variant="outline"
size="sm"
onClick={() => setCurrentPage(Math.max(1, currentPage - 1))}
disabled={currentPage === 1}
className="border-white/20 text-white hover:bg-white/10"
>
<ChevronLeft className="w-4 h-4" />
Vorherige
</Button>
<Button
variant="outline"
size="sm"
onClick={() => setCurrentPage(Math.min(totalPages, currentPage + 1))}
disabled={currentPage === totalPages}
className="border-white/20 text-white hover:bg-white/10"
>
Nächste
<ChevronRight className="w-4 h-4" />
</Button>
</div>
</div>
{/* Video List with Descriptions */}
<div className="space-y-6">
{currentVideos.map((video, index) => (
{folxStadlVideos.map((video, index) => (
<div key={video.id} className="bg-black/20 backdrop-blur-sm rounded-lg p-4">
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
{/* Video Card */}
@ -134,60 +112,6 @@ export default function FolxStadlPage() {
)}
</div>
{/* Bottom Pagination */}
{totalPages > 1 && (
<div className="mt-8 flex justify-center gap-2">
<Button
variant="outline"
onClick={() => setCurrentPage(Math.max(1, currentPage - 1))}
disabled={currentPage === 1}
className="border-white/20 text-white hover:bg-white/10"
>
<ChevronLeft className="w-4 h-4" />
Vorherige
</Button>
<div className="flex gap-1">
{Array.from({ length: Math.min(totalPages, 5) }, (_, i) => {
let pageNum;
if (totalPages <= 5) {
pageNum = i + 1;
} else if (currentPage <= 3) {
pageNum = i + 1;
} else if (currentPage >= totalPages - 2) {
pageNum = totalPages - 4 + i;
} else {
pageNum = currentPage - 2 + i;
}
return (
<Button
key={pageNum}
variant={currentPage === pageNum ? "default" : "outline"}
size="sm"
onClick={() => setCurrentPage(pageNum)}
className={currentPage === pageNum
? "bg-gradient-to-r from-cyan-400 to-purple-500 text-white"
: "border-white/20 text-white hover:bg-white/10"
}
>
{pageNum}
</Button>
);
})}
</div>
<Button
variant="outline"
onClick={() => setCurrentPage(Math.min(totalPages, currentPage + 1))}
disabled={currentPage === totalPages}
className="border-white/20 text-white hover:bg-white/10"
>
Nächste
<ChevronRight className="w-4 h-4" />
</Button>
</div>
)}
</div>
{/* Video Modal */}