From bffe74779bbdb25ff76c5b32633474ff6875792f Mon Sep 17 00:00:00 2001
From: Nandan Nikam <nikam.nandan.35@outlook.com>
Date: Tue, 26 May 2026 01:02:16 +0000
Subject: [PATCH] feat: add clear video button to reset workspace

---
 src/components/VideoEditor.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/VideoEditor.tsx b/src/components/VideoEditor.tsx
index 1e4e9f0d..22f6343c 100644
--- a/src/components/VideoEditor.tsx
+++ b/src/components/VideoEditor.tsx
@@ -381,6 +381,20 @@ export default function VideoEditor() {
 
               {file && (
                 <div className="mt-4 animate-fade-in">
+
+                  {/* NEW CLEAR VIDEO BUTTON */}
+                  <div className="flex justify-end mb-3">
+                    <button
+                      onClick={reset}
+                      type="button"
+                      className="flex items-center gap-2 px-3 py-1.5 text-[10px] font-heading font-bold uppercase tracking-widest text-red-500 hover:text-white bg-red-500/10 hover:bg-red-500 rounded-lg transition-all border border-red-500/20 hover:border-red-500"
+                      aria-label="Clear current video"
+                    >
+                      ✕ Clear Video
+                    </button>
+                  </div>
+                  {/* END NEW CLEAR VIDEO BUTTON */}
+
                   <VideoPreview
                     file={file}
                     recipe={recipe}
@@ -719,4 +733,4 @@ export default function VideoEditor() {
       </div>
     </div>
   );
-}
+}
\ No newline at end of file