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:
parent
753c82daaf
commit
27cbb2f130
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user