Update
This commit is contained in:
@@ -1,10 +1,13 @@
|
|||||||
import { Button } from '@/components/ui/button';
|
import { Button } from '@/components/ui/button';
|
||||||
import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog';
|
import { Checkbox } from '@/components/ui/checkbox';
|
||||||
|
import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
|
||||||
import { Spinner } from '@/components/ui/spinner';
|
import { Spinner } from '@/components/ui/spinner';
|
||||||
import { Textarea } from '@/components/ui/textarea';
|
import { Textarea } from '@/components/ui/textarea';
|
||||||
|
import { useState } from 'react';
|
||||||
|
|
||||||
const VideoDownloadModal = ({ isOpen, onClose, ffmpegCommand, handleDownloadButton, isExporting, exportProgress, exportStatus }) => {
|
const VideoDownloadModal = ({ isOpen, onClose, ffmpegCommand, handleDownloadButton, isExporting, exportProgress, exportStatus }) => {
|
||||||
const debug = true;
|
const [showDebug, setShowDebug] = useState(false);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Dialog open={isOpen} onOpenChange={onClose}>
|
<Dialog open={isOpen} onOpenChange={onClose}>
|
||||||
<DialogContent>
|
<DialogContent>
|
||||||
@@ -24,7 +27,17 @@ const VideoDownloadModal = ({ isOpen, onClose, ffmpegCommand, handleDownloadButt
|
|||||||
))}
|
))}
|
||||||
</DialogHeader>
|
</DialogHeader>
|
||||||
|
|
||||||
{debug && <Textarea value={ffmpegCommand} readOnly />}
|
<div className="mb-4 flex items-center space-x-2">
|
||||||
|
<Checkbox id="show-debug" checked={showDebug} onCheckedChange={setShowDebug} />
|
||||||
|
<label
|
||||||
|
htmlFor="show-debug"
|
||||||
|
className="text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
|
||||||
|
>
|
||||||
|
Debug FFMPEG command
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{showDebug && <Textarea value={ffmpegCommand} readOnly className="mb-4" />}
|
||||||
|
|
||||||
<Button onClick={handleDownloadButton}>{isExporting ? <Spinner className="text-secondary h-4 w-4" /> : 'Download'}</Button>
|
<Button onClick={handleDownloadButton}>{isExporting ? <Spinner className="text-secondary h-4 w-4" /> : 'Download'}</Button>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user