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

Improve video navigation between related content within categories

Browse Source 
Refine video navigation logic in VideoPage.tsx to filter videos by category (Gipfelstammtisch, Geschichte des Liedes, FOLX STADL) ensuring correct swipe functionality and preventing navigation to unrelated videos.

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
This commit is contained in:
sebastjanartic 2025-09-01 21:58:03 +00:00
parent d0a19317f0
commit 5b26f41fa7
3 changed files with 38 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client/src/pages/GeschichteLiedPage.tsx
View File

@ -55,7 +55,6 @@ export default function GeschichteLiedPage() {
const handleTouchStart = (e: React.TouchEvent) => { const handleTouchStart = (e: React.TouchEvent) => {
setTouchEnd(0); setTouchEnd(0);
setTouchStart(e.targetTouches[0].clientX); setTouchStart(e.targetTouches[0].clientX);
console.log('Geschichte: Touch start, videos:', geschichteVideos.length, 'totalPages:', totalPages);
}; };
const handleTouchMove = (e: React.TouchEvent) => { const handleTouchMove = (e: React.TouchEvent) => {

1
client/src/pages/GipfelstammtischPage.tsx
View File

@ -55,7 +55,6 @@ export default function GipfelstammtischPage() {
const handleTouchStart = (e: React.TouchEvent) => { const handleTouchStart = (e: React.TouchEvent) => {
setTouchEnd(0); setTouchEnd(0);
setTouchStart(e.targetTouches[0].clientX); setTouchStart(e.targetTouches[0].clientX);
console.log('Gipfel: Touch start, videos:', gipfelVideos.length, 'totalPages:', totalPages);
}; };
const handleTouchMove = (e: React.TouchEvent) => { const handleTouchMove = (e: React.TouchEvent) => {

37
client/src/pages/VideoPage.tsx
View File

@ -76,7 +76,44 @@ export default function VideoPage() {
}); });
const recommendedVideos = recommendedResponse?.videos?.filter(v => v.id !== videoId) || []; const recommendedVideos = recommendedResponse?.videos?.filter(v => v.id !== videoId) || [];
// Filter videos based on current video category for navigation
const getFilteredVideosForNavigation = () => {
const allVideos = recommendedResponse?.videos || []; const allVideos = recommendedResponse?.videos || [];
if (!currentVideo) return allVideos;
// Check if current video belongs to a specific category
if (currentVideo.title.includes("FOLX STADL") || currentVideo.title.includes("FOLXSTADL")) {
return allVideos.filter(video =>
video.title.includes("FOLX STADL") || video.title.includes("FOLXSTADL")
);
}
if (currentVideo.title.includes("Gipfelstammtisch") ||
currentVideo.title.includes("GIPFELSTAMMTISCH") ||
currentVideo.title.includes("Gipfel Stammtisch")) {
return allVideos.filter(video =>
video.title.includes("Gipfelstammtisch") ||
video.title.includes("GIPFELSTAMMTISCH") ||
video.title.includes("Gipfel Stammtisch")
);
}
if (currentVideo.title.includes("Die Geschichte des Liedes") ||
currentVideo.title.includes("Geschichte des Liedes") ||
currentVideo.title.includes("GESCHICHTE DES LIEDES")) {
return allVideos.filter(video =>
video.title.includes("Die Geschichte des Liedes") ||
video.title.includes("Geschichte des Liedes") ||
video.title.includes("GESCHICHTE DES LIEDES")
);
}
// If not in any specific category, return all videos
return allVideos;
};
const allVideos = getFilteredVideosForNavigation();
// Navigation functions // Navigation functions
const getCurrentVideoIndex = () => { const getCurrentVideoIndex = () => {