From cacf78a4bb125f394bf2d6fe025966afc5660a9e Mon Sep 17 00:00:00 2001
From: Abi Raja <abimanyuraja@gmail.com>
Date: Fri, 8 Mar 2024 11:21:30 -0500
Subject: [PATCH] show preview of videos (only works for .MP4)

---
 frontend/src/App.tsx | 25 +++++++++++++++++++------
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index a6b3358..b9b528b 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -467,14 +467,27 @@ function App() {
                         "scanning relative": appState === AppState.CODING,
                       })}
                     >
-                      <img
-                        className="w-[340px] border border-gray-200 rounded-md"
-                        src={referenceImages[0]}
-                        alt="Reference"
-                      />
+                      {inputMode === "image" && (
+                        <img
+                          className="w-[340px] border border-gray-200 rounded-md"
+                          src={referenceImages[0]}
+                          alt="Reference"
+                        />
+                      )}
+                      {inputMode === "video" && (
+                        <video
+                          muted
+                          autoPlay
+                          loop
+                          className="w-[340px] border border-gray-200 rounded-md"
+                          src={referenceImages[0]}
+                        />
+                      )}
                     </div>
                     <div className="text-gray-400 uppercase text-sm text-center mt-1">
-                      Original Screenshot
+                      {inputMode === "video"
+                        ? "Original Video"
+                        : "Original Screenshot"}
                     </div>
                   </div>
                 )}