diff --git a/src/app/[locale]/(dashboard)/dashboard/document-to-video/page.tsx b/src/app/[locale]/(dashboard)/dashboard/document-to-video/page.tsx index 61b8d52..fcf5604 100644 --- a/src/app/[locale]/(dashboard)/dashboard/document-to-video/page.tsx +++ b/src/app/[locale]/(dashboard)/dashboard/document-to-video/page.tsx @@ -46,6 +46,7 @@ export default function DocumentToVideoPage() { const [file, setFile] = useState(null); const [style, setStyle] = useState("CINEMATIC"); + const [cinematicReference, setCinematicReference] = useState(""); const [duration, setDuration] = useState(60); const [aspectRatio, setAspectRatio] = useState("PORTRAIT_9_16"); const [language, setLanguage] = useState("tr"); @@ -68,6 +69,7 @@ export default function DocumentToVideoPage() { language, aspectRatio, videoStyle: style, + cinematicReference: cinematicReference ? cinematicReference : undefined, targetDuration: duration, }); @@ -162,6 +164,20 @@ export default function DocumentToVideoPage() { ))} + {style === "CINEMATIC" && ( +
+ + setCinematicReference(e.target.value)} + className="w-full bg-[var(--color-bg-elevated)] border border-[var(--color-border-faint)] rounded-xl py-2 px-3 text-sm focus:border-blue-500/50 outline-none transition-colors" + /> +
+ )}
diff --git a/src/app/[locale]/(dashboard)/dashboard/projects/new/page.tsx b/src/app/[locale]/(dashboard)/dashboard/projects/new/page.tsx index ec2c661..ddf8416 100644 --- a/src/app/[locale]/(dashboard)/dashboard/projects/new/page.tsx +++ b/src/app/[locale]/(dashboard)/dashboard/projects/new/page.tsx @@ -107,10 +107,10 @@ export default function NewProjectPage() { const [currentStep, setCurrentStep] = useState(0); - // Form state const [topic, setTopic] = useState(""); const [language, setLanguage] = useState("tr"); const [style, setStyle] = useState("CINEMATIC"); + const [cinematicReference, setCinematicReference] = useState(""); const [duration, setDuration] = useState(60); const [aspectRatio, setAspectRatio] = useState("PORTRAIT_9_16"); @@ -145,6 +145,7 @@ export default function NewProjectPage() { prompt: topic, // ← topic → prompt (backend alanı) language, videoStyle: style, // ← style → videoStyle (backend alanı) + cinematicReference: cinematicReference ? cinematicReference : undefined, targetDuration: duration, aspectRatio, }); @@ -355,6 +356,20 @@ export default function NewProjectPage() {
)} + {style === "CINEMATIC" && ( +
+ + setCinematicReference(e.target.value)} + className="w-full bg-[var(--color-bg-elevated)] border border-[var(--color-border-faint)] rounded-md py-1.5 px-3 text-sm focus:border-violet-500/50 outline-none transition-colors" + /> +
+ )} {/* Süre */} diff --git a/src/app/[locale]/(dashboard)/dashboard/x-to-video/page.tsx b/src/app/[locale]/(dashboard)/dashboard/x-to-video/page.tsx index 6e400f1..5700440 100644 --- a/src/app/[locale]/(dashboard)/dashboard/x-to-video/page.tsx +++ b/src/app/[locale]/(dashboard)/dashboard/x-to-video/page.tsx @@ -54,6 +54,7 @@ export default function XToVideoPage() { const [tweetUrl, setTweetUrl] = useState(""); const [style, setStyle] = useState("CINEMATIC"); + const [cinematicReference, setCinematicReference] = useState(""); const [duration, setDuration] = useState(60); const [aspectRatio, setAspectRatio] = useState("PORTRAIT_9_16"); const [language, setLanguage] = useState("tr"); @@ -85,6 +86,7 @@ export default function XToVideoPage() { language, aspectRatio, videoStyle: style, + cinematicReference: cinematicReference ? cinematicReference : undefined, targetDuration: duration, }); toast.success("Tweet → Video projesi oluşturuldu!"); @@ -315,6 +317,20 @@ export default function XToVideoPage() { ))} + {style === "CINEMATIC" && ( +
+ + setCinematicReference(e.target.value)} + className="w-full bg-[var(--color-bg-elevated)] border border-[var(--color-border-faint)] rounded-xl py-2 px-3 text-sm focus:border-violet-500/50 outline-none transition-colors" + /> +
+ )} {/* Duration + Aspect Ratio */} diff --git a/src/app/[locale]/(dashboard)/dashboard/youtube-to-video/page.tsx b/src/app/[locale]/(dashboard)/dashboard/youtube-to-video/page.tsx index 6610623..25f1cf0 100644 --- a/src/app/[locale]/(dashboard)/dashboard/youtube-to-video/page.tsx +++ b/src/app/[locale]/(dashboard)/dashboard/youtube-to-video/page.tsx @@ -48,6 +48,7 @@ export default function YoutubeToVideoPage() { const [youtubeUrl, setYoutubeUrl] = useState(""); const [style, setStyle] = useState("CINEMATIC"); + const [cinematicReference, setCinematicReference] = useState(""); const [duration, setDuration] = useState(60); const [aspectRatio, setAspectRatio] = useState("PORTRAIT_9_16"); const [language, setLanguage] = useState("tr"); @@ -64,6 +65,7 @@ export default function YoutubeToVideoPage() { language, aspectRatio, videoStyle: style, + cinematicReference: cinematicReference ? cinematicReference : undefined, targetDuration: duration, }); @@ -159,6 +161,20 @@ export default function YoutubeToVideoPage() { ))} + {style === "CINEMATIC" && ( +
+ + setCinematicReference(e.target.value)} + className="w-full bg-[var(--color-bg-elevated)] border border-[var(--color-border-faint)] rounded-xl py-2 px-3 text-sm focus:border-red-500/50 outline-none transition-colors" + /> +
+ )}