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

Update video pages to open videos in a modal with navigation

Browse Source 
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
This commit is contained in:
sebastjanartic 2025-09-17 11:08:56 +00:00
parent 0cb6846478
commit 48720d4932
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -40,9 +40,9 @@ export default function FolxStadlPage() {
const currentVideos = folxStadlVideos.slice(startIndex, endIndex); const currentVideos = folxStadlVideos.slice(startIndex, endIndex);
const handleVideoClick = (video: Video) => { const handleVideoClick = (video: Video) => {
// Navigate to individual video page instead of modal // Open modal with navigation controls for all FOLX STADL videos
const shortId = video.id.replace(/-/g, '').substring(0, 8); setSelectedVideo(video);
setLocation(`/video/${shortId}`); setIsModalOpen(true);
}; };
const handleCloseModal = () => { const handleCloseModal = () => {

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

@ -42,9 +42,9 @@ export default function GeschichteLiedPage() {
const currentVideos = geschichteVideos.slice(startIndex, endIndex); const currentVideos = geschichteVideos.slice(startIndex, endIndex);
const handleVideoClick = (video: Video) => { const handleVideoClick = (video: Video) => {
// Navigate to individual video page instead of modal // Open modal with navigation controls for all Geschichte des Liedes videos
const shortId = video.id.replace(/-/g, '').substring(0, 8); setSelectedVideo(video);
setLocation(`/video/${shortId}`); setIsModalOpen(true);
}; };
const handleCloseModal = () => { const handleCloseModal = () => {
@ -345,6 +345,8 @@ export default function GeschichteLiedPage() {
video={selectedVideo} video={selectedVideo}
isOpen={isModalOpen} isOpen={isModalOpen}
onClose={handleCloseModal} onClose={handleCloseModal}
videos={geschichteVideos}
onVideoChange={setSelectedVideo}
/> />
)} )}
</div> </div>