show preview of videos (only works for .MP4)

Hashim-K · Mar 8, 2024 · cacf78a · cacf78a
1 parent caa6301
commit cacf78a
Showing 1 changed file with 19 additions and 6 deletions.
diff --git 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>
                 )}