diff --git a/src/components/DownloadResult.tsx b/src/components/DownloadResult.tsx index 35bb9460..78b342c6 100644 --- a/src/components/DownloadResult.tsx +++ b/src/components/DownloadResult.tsx @@ -3,7 +3,7 @@ import { useState, useEffect } from "react"; import { ExportResult } from "@/lib/types"; import { formatBytes } from "@/lib/utils"; -import { Download, RotateCcw, Share2, AlertCircle } from "lucide-react"; +import { Download, RotateCcw, Share2, AlertCircle, Volume2, VolumeX } from "lucide-react"; import LottiePlayer from "./LottiePlayer"; import successAnim from "@/lib/lottie/success.json"; import { cn } from "@/lib/utils"; @@ -15,9 +15,10 @@ interface Props { result: ExportResult; onReset: () => void; soundOnCompletion: boolean; + onToggleSound: () => void; } -export default function DownloadResult({ result, onReset, soundOnCompletion }: Props) { +export default function DownloadResult({ result, onReset, soundOnCompletion, onToggleSound }: Props) { const defaultName = `reframe_${result.width}x${result.height}`; const [name, setName] = useState(defaultName); @@ -41,15 +42,26 @@ export default function DownloadResult({ result, onReset, soundOnCompletion }: P return (
Export complete
-Ready to download
-Export complete
+Ready to download
+