Integrate Bunny.net player for video playback and modal functionality

Replaces the generic VideoModal with BunnyVideoModal, integrating Bunny.net player for all video content and updating the modal to handle video changes.

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/mlEmv7S
This commit is contained in:
sebastjanartic 2025-08-30 16:07:46 +00:00
parent 753c82daaf
commit 27cbb2f130

View File

@ -2,7 +2,7 @@ import { useQuery } from '@tanstack/react-query';
import { Link } from 'wouter';
import { ArrowLeft } from 'lucide-react';
import VideoCard from '@/components/video-card';
import VideoModal from '@/components/video-modal';
import BunnyVideoModal from '@/components/bunny-video-modal';
import { useState } from 'react';
import type { Video } from '@shared/schema';
@ -22,9 +22,6 @@ export default function FolxStadlPage() {
video.title.includes("FOLX STADL S4")
);
console.log('Total videos:', videos.length);
console.log('FOLX STADL videos:', folxStadlVideos.length);
const handleVideoClick = (video: Video) => {
setSelectedVideo(video);
setIsModalOpen(true);
@ -83,10 +80,12 @@ export default function FolxStadlPage() {
{/* Video Modal */}
{selectedVideo && (
<VideoModal
<BunnyVideoModal
video={selectedVideo}
isOpen={isModalOpen}
onClose={handleCloseModal}
videos={folxStadlVideos}
onVideoChange={setSelectedVideo}
/>
)}
</div>