From dfcbb8947001233cc628442a185f96ff6bf2a0de Mon Sep 17 00:00:00 2001
From: webadderall <131426131+webadderall@users.noreply.github.com>
Date: Sat, 4 Apr 2026 13:08:05 +1100
Subject: [PATCH] drop unused export dialog

---
 src/components/video-editor/ExportDialog.tsx | 367 -------------------
 1 file changed, 367 deletions(-)
 delete mode 100644 src/components/video-editor/ExportDialog.tsx

diff --git a/src/components/video-editor/ExportDialog.tsx b/src/components/video-editor/ExportDialog.tsx
deleted file mode 100644
index 0b92ca19..00000000
--- a/src/components/video-editor/ExportDialog.tsx
+++ /dev/null
@@ -1,367 +0,0 @@
-import { useEffect, useState } from 'react';
-import { X, Download, Loader2 } from 'lucide-react';
-import { Button } from '@/components/ui/button';
-import type { ExportProgress } from '@/lib/exporter';
-import { toast } from 'sonner'; // Add this import
-import { useScopedT } from "../../contexts/I18nContext";
-import { ExportSettingsMenu } from './ExportSettingsMenu';
-import type { ExportFormat, ExportQuality, GifFrameRate, GifSizePreset } from '@/lib/exporter';
-
-
-interface ExportDialogProps {
-  isOpen: boolean;
-  onClose: () => void;
-  progress: ExportProgress | null;
-  isExporting: boolean;
-  error: string | null;
-  onCancel?: () => void;
-  onRetrySave?: () => void;
-  canRetrySave?: boolean;
-  exportFormat?: 'mp4' | 'gif';
-  exportedFilePath?: string;
-  exportQuality?: ExportQuality;
-  onExportQualityChange?: (quality: ExportQuality) => void;
-  onExportFormatChange?: (format: ExportFormat) => void;
-  gifFrameRate?: GifFrameRate;
-  onGifFrameRateChange?: (rate: GifFrameRate) => void;
-  gifLoop?: boolean;
-  onGifLoopChange?: (loop: boolean) => void;
-  gifSizePreset?: GifSizePreset;
-  onGifSizePresetChange?: (preset: GifSizePreset) => void;
-  gifOutputDimensions?: { width: number; height: number };
-  onStartExport?: () => void;
-}
-
-export function ExportDialog({
-  isOpen,
-  onClose,
-  progress,
-  isExporting,
-  error,
-  onCancel,
-  onRetrySave,
-  canRetrySave = false,
-  exportFormat = 'mp4',
-  exportedFilePath, // Add this line
-  exportQuality = 'good',
-  onExportQualityChange,
-  onExportFormatChange,
-  gifFrameRate = 15,
-  onGifFrameRateChange,
-  gifLoop = true,
-  onGifLoopChange,
-  gifSizePreset = 'medium',
-  onGifSizePresetChange,
-  gifOutputDimensions = { width: 1280, height: 720 },
-  onStartExport,
-}: ExportDialogProps) {
-  const t = useScopedT('dialogs');
-  const [showSuccess, setShowSuccess] = useState(false);
-
-  // Reset showSuccess when a new export starts or dialog reopens
-  useEffect(() => {
-    if (isExporting) {
-      setShowSuccess(false);
-    }
-  }, [isExporting]);
-
-  // Reset showSuccess when dialog opens fresh
-  useEffect(() => {
-    if (isOpen && !isExporting && !progress) {
-      setShowSuccess(false);
-    }
-  }, [isOpen, isExporting, progress]);
-
-  useEffect(() => {
-    if (!isOpen) {
-      setShowSuccess(false);
-    }
-  }, [isOpen]);
-
-  useEffect(() => {
-    if (!isExporting && progress && progress.percentage >= 100 && !error) {
-      setShowSuccess(true);
-      const timer = setTimeout(() => {
-        setShowSuccess(false);
-        onClose();
-      }, 2000);
-      return () => clearTimeout(timer);
-    }
-  }, [isExporting, progress, error, onClose]);
-
-  if (!isOpen) return null;
-
-  const showSettings = !isExporting && !progress && !error && !showSuccess;
-
-  const formatLabel = exportFormat === 'gif' ? 'GIF' : 'Video';
-  
-  // Determine if we're in the compiling phase (frames done but still exporting)
-  const isCompiling = isExporting && progress && progress.percentage >= 100 && exportFormat === 'gif';
-  const isFinalizing = progress?.phase === 'finalizing';
-  const renderProgress = progress?.renderProgress;
-  
-  // Get status message based on phase
-  const getStatusMessage = () => {
-    if (error) return t('export.pleaseTryAgain');
-    if (isCompiling || isFinalizing) {
-      if (renderProgress !== undefined && renderProgress > 0) {
-        return t('export.compilingGifProgress', undefined, { progress: renderProgress });
-      }
-      return t('export.compilingGifWait');
-    }
-    return t('export.takeMoment');
-  };
-
-  // Get title based on phase
-  const getTitle = () => {
-    if (error) return t('export.exportFailed');
-    if (isCompiling || isFinalizing) return t('export.compilingGifTitle');
-    return t('export.exportingFormat', undefined, { format: formatLabel });
-  };
-
-  const handleClickShowInFolder = async () => {
-    if (exportedFilePath) {
-      try {
-        const result = await window.electronAPI.revealInFolder(exportedFilePath);
-        if (!result.success) {
-          const errorMessage = result.error || result.message || 'Failed to reveal item in folder.';
-          console.error('Failed to reveal in folder:', errorMessage);
-          toast.error(errorMessage);
-        }
-      } catch (err) {
-        const errorMessage = String(err);
-        console.error('Error calling revealInFolder IPC:', errorMessage);
-        toast.error(`Error revealing in folder: ${errorMessage}`);
-      }
-    }
-  };
-
-  return (
-    <>
-      <div 
-        className="fixed inset-0 bg-black/80 backdrop-blur-md z-50 animate-in fade-in duration-200"
-        onClick={isExporting ? undefined : onClose}
-      />
-      <div className="fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-[60] bg-[#09090b] rounded-2xl border border-white/10 p-8 w-[90vw] max-w-md animate-in zoom-in-95 duration-200">
-        {showSettings ? (
-          <div className="space-y-5">
-            <div className="flex items-start justify-between gap-4">
-              <div>
-                <span className="text-xl font-bold text-slate-200 block">{t('export.exportingFormat', undefined, { format: formatLabel })}</span>
-                <span className="text-sm text-slate-400">Choose format and quality before exporting.</span>
-              </div>
-              <Button
-                variant="ghost"
-                size="icon"
-                onClick={onClose}
-                className="hover:bg-white/10 text-slate-400 hover:text-white rounded-full"
-              >
-                <X className="w-5 h-5" />
-              </Button>
-            </div>
-            <ExportSettingsMenu
-              exportFormat={exportFormat}
-              onExportFormatChange={onExportFormatChange}
-              exportQuality={exportQuality}
-              onExportQualityChange={onExportQualityChange}
-              gifFrameRate={gifFrameRate}
-              onGifFrameRateChange={onGifFrameRateChange}
-              gifLoop={gifLoop}
-              onGifLoopChange={onGifLoopChange}
-              gifSizePreset={gifSizePreset}
-              onGifSizePresetChange={onGifSizePresetChange}
-              gifOutputDimensions={gifOutputDimensions}
-              onExport={onStartExport}
-              className="border-white/8 bg-[#121216] p-0 shadow-none"
-            />
-          </div>
-        ) : (
-        <div>
-        <div className="flex items-center justify-between mb-6">
-          <div className="flex items-center gap-4">
-            {showSuccess ? (
-              <>
-                <div className="w-12 h-12 rounded-full bg-[#2563EB]/20 flex items-center justify-center ring-1 ring-[#2563EB]/50">
-                  <Download className="w-6 h-6 text-[#2563EB]" />
-                </div>
-                <div className="flex flex-col gap-2">
-                  <span className="text-xl font-bold text-slate-200 block">{t('export.exportComplete')}</span>
-                  <span className="text-sm text-slate-400">{t('export.formatReady', undefined, { format: formatLabel.toLowerCase() })}</span>
-                  {exportedFilePath && (
-                    <Button
-                      variant="secondary"
-                      onClick={handleClickShowInFolder}
-                      className="mt-2 w-fit px-3 py-1 text-sm rounded-md bg-white/10 hover:bg-white/20 text-slate-200"
-                    >
-                      {t('export.showInFolder')}
-                    </Button>
-                  )}
-                  {exportedFilePath && (
-                    <span className="text-xs text-slate-500 break-all max-w-xs mt-1">
-                      {exportedFilePath.split('/').pop()}
-                    </span>
-                  )}
-                </div>
-              </>
-            ) : (
-              <>
-                {isExporting ? (
-                  <div className="w-12 h-12 rounded-full bg-[#2563EB]/10 flex items-center justify-center">
-                    <Loader2 className="w-6 h-6 text-[#2563EB] animate-spin" />
-                  </div>
-                ) : (
-                  <div className="w-12 h-12 rounded-full bg-white/5 flex items-center justify-center border border-white/10">
-                    <Download className="w-6 h-6 text-slate-200" />
-                  </div>
-                )}
-                <div>
-                  <span className="text-xl font-bold text-slate-200 block">
-                    {getTitle()}
-                  </span>
-                  <span className="text-sm text-slate-400">
-                    {getStatusMessage()}
-                  </span>
-                </div>
-              </>
-            )}
-          </div>
-          {!isExporting && (
-            <Button
-              variant="ghost"
-              size="icon"
-              onClick={onClose}
-              className="hover:bg-white/10 text-slate-400 hover:text-white rounded-full"
-            >
-              <X className="w-5 h-5" />
-            </Button>
-          )}
-        </div>
-
-        {error && (
-          <div className="mb-6 animate-in slide-in-from-top-2">
-            <div className="bg-red-500/10 border border-red-500/20 rounded-xl p-4 flex items-start gap-3">
-              <div className="p-1 bg-red-500/20 rounded-full">
-                <X className="w-3 h-3 text-red-400" />
-              </div>
-              <p className="text-sm text-red-400 leading-relaxed">{error}</p>
-            </div>
-            {!isExporting && canRetrySave && onRetrySave && (
-              <Button
-                onClick={onRetrySave}
-                className="w-full mt-3 bg-[#2563EB] text-white hover:bg-[#1D4ED8]"
-              >
-                {t('export.reopenSaveDialog')}
-              </Button>
-            )}
-          </div>
-        )}
-
-        {!isExporting && !error && canRetrySave && onRetrySave && (
-          <div className="mb-6 animate-in slide-in-from-top-2">
-            <Button
-              onClick={onRetrySave}
-              className="w-full bg-[#2563EB] text-white hover:bg-[#1D4ED8]"
-            >
-              {t('export.reopenSaveDialog')}
-            </Button>
-          </div>
-        )}
-
-        {isExporting && progress && (
-          <div className="space-y-6">
-            <div className="space-y-2">
-              <div className="flex justify-between text-xs font-medium text-slate-400 uppercase tracking-wider">
-                <span>{isCompiling || isFinalizing ? t('export.compiling') : t('export.renderingFrames')}</span>
-                <span className="font-mono text-slate-200">
-                  {isCompiling || isFinalizing ? (
-                    renderProgress !== undefined && renderProgress > 0 ? (
-                      `${renderProgress}%`
-                    ) : (
-                      <span className="flex items-center gap-2">
-                        <Loader2 className="w-3 h-3 animate-spin" />
-                        {t('export.processing')}
-                      </span>
-                    )
-                  ) : (
-                    `${progress.percentage.toFixed(0)}%`
-                  )}
-                </span>
-              </div>
-              <div className="h-2 bg-white/5 rounded-full overflow-hidden border border-white/5">
-                {isCompiling || isFinalizing ? (
-                  // Show render progress if available, otherwise animated indeterminate bar
-                  renderProgress !== undefined && renderProgress > 0 ? (
-                    <div
-                      className="h-full bg-[#2563EB] transition-all duration-300 ease-out"
-                      style={{ width: `${renderProgress}%` }}
-                    />
-                  ) : (
-                    <div className="h-full w-full relative overflow-hidden">
-                      <div 
-                        className="absolute h-full w-1/3 bg-[#2563EB]"
-                        style={{
-                          animation: 'indeterminate 1.5s ease-in-out infinite',
-                        }}
-                      />
-                      <style>{`
-                        @keyframes indeterminate {
-                          0% { transform: translateX(-100%); }
-                          100% { transform: translateX(400%); }
-                        }
-                      `}</style>
-                    </div>
-                  )
-                ) : (
-                  <div
-                    className="h-full bg-[#2563EB] transition-all duration-300 ease-out"
-                    style={{ width: `${Math.min(progress.percentage, 100)}%` }}
-                  />
-                )}
-              </div>
-            </div>
-
-            <div className="grid grid-cols-2 gap-4">
-              <div className="bg-white/5 rounded-xl p-3 border border-white/5">
-                <div className="text-[10px] text-slate-500 uppercase tracking-wider mb-1">
-                  {isCompiling || isFinalizing ? t('export.status') : t('export.format')}
-                </div>
-                <div className="text-slate-200 font-medium text-sm">
-                  {isCompiling || isFinalizing ? t('export.compilingStatus') : formatLabel}
-                </div>
-              </div>
-              <div className="bg-white/5 rounded-xl p-3 border border-white/5">
-                <div className="text-[10px] text-slate-500 uppercase tracking-wider mb-1">{t('export.frames')}</div>
-                <div className="text-slate-200 font-medium text-sm">
-                  {progress.currentFrame} / {progress.totalFrames}
-                </div>
-              </div>
-            </div>
-
-            {onCancel && (
-              <div className="pt-2">
-                <Button
-                  onClick={onCancel}
-                  variant="destructive"
-                  className="w-full py-6 bg-red-500/10 text-red-400 border border-red-500/20 hover:bg-red-500/20 hover:border-red-500/30 transition-all rounded-xl"
-                >
-                  {t('export.cancelExport')}
-                </Button>
-              </div>
-            )}
-          </div>
-        )}
-
-        {showSuccess && (
-          <div className="text-center py-4 animate-in zoom-in-95">
-            <p className="text-lg text-slate-200 font-medium">
-              {t('export.savedSuccess', undefined, { format: formatLabel })}
-            </p>
-          </div>
-        )}
-        </div>
-        )}
-      </div>
-    </>
-  );
-}
-