From 8b956ff704edcfbae435480c0501a6be4b99f9e3 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 7 Aug 2025 10:53:16 +0000
Subject: [PATCH] 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
---
 client/src/components/video-modal.tsx | 23 +++--------------------
 1 file changed, 3 insertions(+), 20 deletions(-)

diff --git a/client/src/components/video-modal.tsx b/client/src/components/video-modal.tsx
index b1b331a..6c636aa 100644
--- a/client/src/components/video-modal.tsx
+++ b/client/src/components/video-modal.tsx
@@ -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>
   );