Move video editing tools from the main viewing page to the dashboard

Remove video editing modal component from the video modal and update modal props.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/zYsPQ4k
This commit is contained in:
sebastjanartic 2025-08-07 10:53:16 +00:00
parent 1f6bd20a13
commit 8b956ff704

View File

@ -9,7 +9,7 @@ import {
TwitterIcon,
WhatsappIcon
} from "react-share";
import VideoEditModal from "./video-edit-modal";
import QualityIndicator from "./quality-indicator";
// HLS.js types for video streaming
@ -57,7 +57,7 @@ export default function VideoModal({ video, isOpen, onClose }: VideoModalProps)
const videoRef = useRef<HTMLVideoElement>(null);
const hlsRef = useRef<Hls | null>(null);
const [showShareMenu, setShowShareMenu] = useState(false);
const [showEditModal, setShowEditModal] = useState(false);
const [videoThumbnail, setVideoThumbnail] = useState<string | null>(null);
const [isPlaying, setIsPlaying] = useState(false);
const [isMuted, setIsMuted] = useState(false);
@ -550,16 +550,6 @@ export default function VideoModal({ video, isOpen, onClose }: VideoModalProps)
{/* Video Controls and Share Menu */}
<div className="absolute top-4 right-4 flex gap-2">
{/* Edit Button */}
<Button
onClick={() => setShowEditModal(true)}
variant="secondary"
size="sm"
data-testid="button-edit-video"
>
<Edit3 className="w-4 h-4" />
</Button>
{/* Share Button */}
<div className="relative">
<Button
@ -677,14 +667,7 @@ export default function VideoModal({ video, isOpen, onClose }: VideoModalProps)
)}
</div>
{/* Video Edit Modal */}
{video && (
<VideoEditModal
video={video}
isOpen={showEditModal}
onClose={() => setShowEditModal(false)}
/>
)}
</div>
</div>
);