From 48720d49324c08def3f07da1c16f2317fcab5dfc Mon Sep 17 00:00:00 2001 From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com> Date: Wed, 17 Sep 2025 11:08:56 +0000 Subject: [PATCH] Update video pages to open videos in a modal with navigation Refactor FolxStadlPage and GeschichteLiedPage to use a modal for video playback with added navigation controls, replacing direct navigation to individual video pages. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/5sUeqE6 --- client/src/pages/FolxStadlPage.tsx | 6 +++--- client/src/pages/GeschichteLiedPage.tsx | 8 +++++--- 2 files changed, 8 insertions(+), 6 deletions(-) diff --git a/client/src/pages/FolxStadlPage.tsx b/client/src/pages/FolxStadlPage.tsx index ae3ecb5..021d40a 100644 --- a/client/src/pages/FolxStadlPage.tsx +++ b/client/src/pages/FolxStadlPage.tsx @@ -40,9 +40,9 @@ export default function FolxStadlPage() { const currentVideos = folxStadlVideos.slice(startIndex, endIndex); const handleVideoClick = (video: Video) => { - // Navigate to individual video page instead of modal - const shortId = video.id.replace(/-/g, '').substring(0, 8); - setLocation(`/video/${shortId}`); + // Open modal with navigation controls for all FOLX STADL videos + setSelectedVideo(video); + setIsModalOpen(true); }; const handleCloseModal = () => { diff --git a/client/src/pages/GeschichteLiedPage.tsx b/client/src/pages/GeschichteLiedPage.tsx index 269880e..6649c42 100644 --- a/client/src/pages/GeschichteLiedPage.tsx +++ b/client/src/pages/GeschichteLiedPage.tsx @@ -42,9 +42,9 @@ export default function GeschichteLiedPage() { const currentVideos = geschichteVideos.slice(startIndex, endIndex); const handleVideoClick = (video: Video) => { - // Navigate to individual video page instead of modal - const shortId = video.id.replace(/-/g, '').substring(0, 8); - setLocation(`/video/${shortId}`); + // Open modal with navigation controls for all Geschichte des Liedes videos + setSelectedVideo(video); + setIsModalOpen(true); }; const handleCloseModal = () => { @@ -345,6 +345,8 @@ export default function GeschichteLiedPage() { video={selectedVideo} isOpen={isModalOpen} onClose={handleCloseModal} + videos={geschichteVideos} + onVideoChange={setSelectedVideo} /> )}