From fa58f2ce8f27b805fb1522128dba6cbd72a77ff2 Mon Sep 17 00:00:00 2001
From: Abi Raja <abimanyuraja@gmail.com>
Date: Fri, 8 Mar 2024 05:00:48 -0500
Subject: [PATCH] add note when input mode is video

---
 frontend/src/App.tsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index f0825a8..43c2a15 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -384,11 +384,25 @@ function App() {
               {/* Show code preview only when coding */}
               {appState === AppState.CODING && (
                 <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">
                     <Spinner />
                     {executionConsole.slice(-1)[0]}
                   </div>
-                  <div className="flex mt-4 w-full">
+
+                  <CodePreview code={generatedCode} />
+
+                  <div className="flex w-full">
                     <Button
                       onClick={cancelCodeGeneration}
                       className="w-full dark:text-white dark:bg-gray-700"
@@ -396,7 +410,6 @@ function App() {
                       Cancel
                     </Button>
                   </div>
-                  <CodePreview code={generatedCode} />
                 </div>
               )}