From 91885b45052e1903418c698f661e7e492332a771 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Mon, 1 Sep 2025 22:06:20 +0000
Subject: [PATCH] Standardize pagination button styles across multiple pages
Update pagination button classes in FolxStadlPage, GeschichteLiedPage, GipfelstammtischPage, and VideoPage to include consistent styling for height, padding, and flex alignment, ensuring a uniform look and feel for navigation elements.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/DyHCx4q
---
client/src/pages/FolxStadlPage.tsx | 4 ++--
client/src/pages/GeschichteLiedPage.tsx | 4 ++--
client/src/pages/GipfelstammtischPage.tsx | 4 ++--
client/src/pages/VideoPage.tsx | 9 ---------
4 files changed, 6 insertions(+), 15 deletions(-)
diff --git a/client/src/pages/FolxStadlPage.tsx b/client/src/pages/FolxStadlPage.tsx
index e231544..c96708e 100644
--- a/client/src/pages/FolxStadlPage.tsx
+++ b/client/src/pages/FolxStadlPage.tsx
@@ -263,7 +263,7 @@ export default function FolxStadlPage() {
variant="outline"
onClick={() => setCurrentPage(Math.max(1, currentPage - 1))}
disabled={currentPage === 1}
- className="border-white/20 text-white hover:bg-white/10"
+ className="border-white/20 text-white hover:bg-white/10 h-10 px-4 flex items-center gap-2"
>
Vorherige
@@ -303,7 +303,7 @@ export default function FolxStadlPage() {
variant="outline"
onClick={() => setCurrentPage(Math.min(totalPages, currentPage + 1))}
disabled={currentPage === totalPages}
- className="border-white/20 text-white hover:bg-white/10"
+ className="border-white/20 text-white hover:bg-white/10 h-10 px-4 flex items-center gap-2"
>
Nächste
diff --git a/client/src/pages/GeschichteLiedPage.tsx b/client/src/pages/GeschichteLiedPage.tsx
index c9a1f66..d6a0e72 100644
--- a/client/src/pages/GeschichteLiedPage.tsx
+++ b/client/src/pages/GeschichteLiedPage.tsx
@@ -265,7 +265,7 @@ export default function GeschichteLiedPage() {
variant="outline"
onClick={() => setCurrentPage(Math.max(1, currentPage - 1))}
disabled={currentPage === 1}
- className="border-white/20 text-white hover:bg-white/10"
+ className="border-white/20 text-white hover:bg-white/10 h-10 px-4 flex items-center gap-2"
>
Vorherige
@@ -305,7 +305,7 @@ export default function GeschichteLiedPage() {
variant="outline"
onClick={() => setCurrentPage(Math.min(totalPages, currentPage + 1))}
disabled={currentPage === totalPages}
- className="border-white/20 text-white hover:bg-white/10"
+ className="border-white/20 text-white hover:bg-white/10 h-10 px-4 flex items-center gap-2"
>
Nächste
diff --git a/client/src/pages/GipfelstammtischPage.tsx b/client/src/pages/GipfelstammtischPage.tsx
index 10e7c8e..7045ebc 100644
--- a/client/src/pages/GipfelstammtischPage.tsx
+++ b/client/src/pages/GipfelstammtischPage.tsx
@@ -265,7 +265,7 @@ export default function GipfelstammtischPage() {
variant="outline"
onClick={() => setCurrentPage(Math.max(1, currentPage - 1))}
disabled={currentPage === 1}
- className="border-white/20 text-white hover:bg-white/10"
+ className="border-white/20 text-white hover:bg-white/10 h-10 px-4 flex items-center gap-2"
>
Vorherige
@@ -305,7 +305,7 @@ export default function GipfelstammtischPage() {
variant="outline"
onClick={() => setCurrentPage(Math.min(totalPages, currentPage + 1))}
disabled={currentPage === totalPages}
- className="border-white/20 text-white hover:bg-white/10"
+ className="border-white/20 text-white hover:bg-white/10 h-10 px-4 flex items-center gap-2"
>
Nächste
diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index 1a01b29..ea7ab1a 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -82,7 +82,6 @@ export default function VideoPage() {
const allVideos = recommendedResponse?.videos || [];
if (!currentVideo) return allVideos;
- console.log('Filtering videos for:', currentVideo.title);
// Check if current video belongs to a specific category
if (currentVideo.title.includes("FOLX STADL") || currentVideo.title.includes("FOLXSTADL")) {
@@ -105,9 +104,6 @@ export default function VideoPage() {
const filtered = allVideos.filter(video =>
video.title.includes("Geschichte des Liedes")
);
- console.log('Found Geschichte videos:', filtered.length);
- console.log('Sample titles:', allVideos.slice(0, 5).map(v => v.title));
- console.log('Looking for pattern in:', allVideos.filter(v => v.title.toLowerCase().includes('geschichte')).map(v => v.title));
return filtered;
}
@@ -202,7 +198,6 @@ export default function VideoPage() {
const handleTouchStart = (e: React.TouchEvent) => {
setTouchEnd(0);
setTouchStart(e.targetTouches[0].clientX);
- console.log('VideoPage touch start - currentVideo:', currentVideo?.title, 'allVideos count:', allVideos.length);
};
const handleTouchMove = (e: React.TouchEvent) => {
@@ -216,14 +211,10 @@ export default function VideoPage() {
const isLeftSwipe = distance > 20;
const isRightSwipe = distance < -20;
- console.log('VideoPage swipe:', { distance, isLeftSwipe, isRightSwipe, allVideosCount: allVideos.length });
-
if (isLeftSwipe) {
- console.log('Navigating to next video');
navigateToVideo('next');
}
if (isRightSwipe) {
- console.log('Navigating to prev video');
navigateToVideo('prev');
}
};