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

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

Browse Source 
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
1 changed files with 3 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
client/src/components/video-modal.tsx
View File

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