From dad9425b444a2596a0556ab6888b86cd06b14f0a Mon Sep 17 00:00:00 2001
From: icarus <eurfelux@gmail.com>
Date: Sun, 12 Oct 2025 03:15:22 +0800
Subject: [PATCH] feat(video): pass provider prop to VideoPanel component

Add useProvider hook to fetch provider data and pass it to VideoPanel to enable provider-specific functionality
---
 src/renderer/src/pages/video/VideoPage.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/pages/video/VideoPage.tsx b/src/renderer/src/pages/video/VideoPage.tsx
index 177c857c8c..deef59d076 100644
--- a/src/renderer/src/pages/video/VideoPage.tsx
+++ b/src/renderer/src/pages/video/VideoPage.tsx
@@ -2,6 +2,7 @@
 
 import { Divider } from '@heroui/react'
 import { Navbar, NavbarCenter } from '@renderer/components/app/Navbar'
+import { useProvider } from '@renderer/hooks/useProvider'
 import { SystemProviderIds } from '@renderer/types'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -14,6 +15,7 @@ export const VideoPage = () => {
   const { t } = useTranslation()
   const [providerId, setProviderId] = useState<string>(SystemProviderIds.openai)
   const [modelId, setModelId] = useState('sora-2')
+  const { provider } = useProvider(providerId)
   return (
     <div className="flex flex-1 flex-col">
       <Navbar>
@@ -26,7 +28,7 @@ export const VideoPage = () => {
           <ModelSetting providerId={providerId} modelId={modelId} setModelId={setModelId} />
         </div>
         <Divider orientation="vertical" />
-        <VideoPanel />
+        <VideoPanel provider={provider} />
         <Divider orientation="vertical" />
         {/* Video list */}
         <div className="w-40"></div>