diff --git a/src/renderer/src/pages/video/VideoList.tsx b/src/renderer/src/pages/video/VideoList.tsx index 4445eb7bc6..c15694ce07 100644 --- a/src/renderer/src/pages/video/VideoList.tsx +++ b/src/renderer/src/pages/video/VideoList.tsx @@ -2,10 +2,14 @@ import { cn, Progress, Spinner } from '@heroui/react' import { mockVideos } from '@renderer/config/models/video' import { useVideos } from '@renderer/hooks/video/useVideos' import { Video } from '@renderer/types' -import { CheckCircleIcon, CircleXIcon, ClockIcon, DownloadIcon } from 'lucide-react' +import { CheckCircleIcon, CircleXIcon, ClockIcon, DownloadIcon, PlusIcon } from 'lucide-react' import { useTranslation } from 'react-i18next' -export type VideoListProps = { providerId: string; activeVideoId?: string; setActiveVideoId: (id: string) => void } +export type VideoListProps = { + providerId: string + activeVideoId?: string + setActiveVideoId: (id: string | undefined) => void +} export const VideoList = ({ providerId, activeVideoId, setActiveVideoId }: VideoListProps) => { const { videos } = useVideos(providerId) @@ -15,6 +19,11 @@ export const VideoList = ({ providerId, activeVideoId, setActiveVideoId }: Video return (
+
setActiveVideoId(undefined)}> + +
{displayVideos.map((video) => ( { if (video) { updateParams({ params: { prompt: video.prompt } }) + } else { + updateParams({ params: { prompt: undefined } }) } }, [updateParams, video])