add note when input mode is video

This commit is contained in:
Abi Raja 2024-03-08 05:00:48 -05:00
parent a907ef37c5
commit fa58f2ce8f

View File

@ -384,11 +384,25 @@ function App() {
{/* Show code preview only when coding */} {/* Show code preview only when coding */}
{appState === AppState.CODING && ( {appState === AppState.CODING && (
<div className="flex flex-col"> <div className="flex flex-col">
{/* Speed disclaimer for video mode */}
{inputMode === "video" && (
<div
className="bg-yellow-100 border-l-4 border-yellow-500 text-yellow-700
p-2 text-xs mb-4 mt-1"
>
Code generation from videos can take 3-4 minutes. We do
multiple passes to get the best result. Please be patient.
</div>
)}
<div className="flex items-center gap-x-1"> <div className="flex items-center gap-x-1">
<Spinner /> <Spinner />
{executionConsole.slice(-1)[0]} {executionConsole.slice(-1)[0]}
</div> </div>
<div className="flex mt-4 w-full">
<CodePreview code={generatedCode} />
<div className="flex w-full">
<Button <Button
onClick={cancelCodeGeneration} onClick={cancelCodeGeneration}
className="w-full dark:text-white dark:bg-gray-700" className="w-full dark:text-white dark:bg-gray-700"
@ -396,7 +410,6 @@ function App() {
Cancel Cancel
</Button> </Button>
</div> </div>
<CodePreview code={generatedCode} />
</div> </div>
)} )}