From a9f96e6bf264f41ab5e174368a09aa65c03fdf2c Mon Sep 17 00:00:00 2001 From: Pranav-IIITM Date: Sat, 23 May 2026 08:31:06 +0530 Subject: [PATCH] write a commit summary08:30feat: add tooltip to disabled Export button (#983) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit When no video is uploaded, the Export button now shows a native browser tooltip — "Upload a video to enable export" — on hover. Tooltip is removed once a video is loaded. No extra JS or dependencies added. --- src/components/VideoEditor.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/components/VideoEditor.tsx b/src/components/VideoEditor.tsx index 6e297539..30286b4c 100644 --- a/src/components/VideoEditor.tsx +++ b/src/components/VideoEditor.tsx @@ -437,9 +437,10 @@ export default function VideoEditor() { id="export-button" type="button" onClick={handleExport} - disabled={!file || isProcessing} - aria-label='Export video' - aria-disabled={!file || isProcessing ? "true" : undefined} + disabled={!file || isProcessing} + aria-label='Export video' + aria-disabled={!file || isProcessing ? "true" : undefined} + title={!file ? "Upload a video to enable export" : undefined} className={cn( "w-full flex items-center justify-center gap-3 py-5 min-h-[44px] rounded-xl", "font-display text-2xl tracking-widest transition-all duration-200",