Minor fix to video grid changing image component to use GeistUI Image

Travis544 · Dec 26, 2023 · 428382d · 428382d
1 parent 4aba148
commit 428382d
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 13 deletions.
diff --git a/frontend/.firebase/hosting.YnVpbGQ.cache b/frontend/.firebase/hosting.YnVpbGQ.cache
@@ -3,12 +3,12 @@ logo192.png,1701906399539,3ee59515172ee198f3be375979df15ac5345183e656720a381b887
 logo512.png,1701906399725,ee7e2f3fdb8209c4b6fd7bef6ba50d1b9dba30a25bb5c3126df057e1cb6f5331
 manifest.json,1701906398264,aff3449bdc238776f5d6d967f19ec491b36aed5fb7f23ccff6500736fd58494a
 robots.txt,1701906400513,bfe106a3fb878dc83461c86818bf74fc1bdc7f28538ba613cd3e775516ce8b49
-asset-manifest.json,1703492390460,3cc5992f030f5217d7d3c9cad650b47c27fb2fc4b3b5795f79c8981cb96e350b
-index.html,1703492390459,c81b9ce6f504880436d79a7d5d0cb2f73d1c27f2be87ca7815a4240d1c19f692
-static/js/787.9e9f4ffd.chunk.js,1703492390480,739dcdaad3176d3acff046b5f4907fb8e4e2f0046dbaabc5bc46e0ad143932e1
-static/css/main.0e3d8780.css,1703492390480,656529109be2c90735a2c1f3b81d42a054c09462a8b4c42a82ec7a8118131c2f
-static/js/main.db045333.js.LICENSE.txt,1703492390481,989715967c0e90cf8d6f1802342be78a45a829b75d1f0e14f4c0e455bbb84de7
-static/js/787.9e9f4ffd.chunk.js.map,1703492390481,38c0d28f115507fc60712f8b42f3a05bdaad951eca5ab1f37431bbd5df713db4
-static/css/main.0e3d8780.css.map,1703492390480,c68c2f87df171738e72860429cbfd564e37780990d77fb5d8a79d014b9b9065b
-static/js/main.db045333.js,1703492390481,957c5a3bd3532d5b47aac9828f4c7dbf26973e9c948fa263e5786104567b8110
-static/js/main.db045333.js.map,1703492390482,546db3057e0081d8187da6f5b965f74ee6be5a95a86822db0cbfd6e3bc266d0f
+asset-manifest.json,1703562025842,7a788988a63946408d305a81dfc083bdda8cbd9bb891b7acbd6dd6abf81ed5b0
+index.html,1703562025842,ae31a0b20fd609fc7dd2ef463aefbee27ca4982a02b9485e3b859b8f283348a8
+static/js/787.9e9f4ffd.chunk.js,1703562025863,739dcdaad3176d3acff046b5f4907fb8e4e2f0046dbaabc5bc46e0ad143932e1
+static/js/main.b278b9ce.js.LICENSE.txt,1703562025862,989715967c0e90cf8d6f1802342be78a45a829b75d1f0e14f4c0e455bbb84de7
+static/css/main.70ec868b.css,1703562025862,be7c18441e6f243c3b2c315d14f7fbf3550712b202119dfe4b25515782ef57a7
+static/js/787.9e9f4ffd.chunk.js.map,1703562025863,38c0d28f115507fc60712f8b42f3a05bdaad951eca5ab1f37431bbd5df713db4
+static/css/main.70ec868b.css.map,1703562025862,013f56c3f7e1891fb72d17849dc59a96a8d24618a750697882bf8425a6be54a8
+static/js/main.b278b9ce.js,1703562025862,e7e51d018d306c96d1594325afd59c5cf6c1c4d61377fb3f0783de8b61942b2b
+static/js/main.b278b9ce.js.map,1703562025864,9750761e3535fe5d992c6a45826a1248968f7c71cb36a699dce6e99468b10ed0
diff --git a/frontend/src/Components/VideoGrid.tsx b/frontend/src/Components/VideoGrid.tsx
@@ -74,7 +74,7 @@ function VideoDisplay(props: VideoDisplayProp) {
                 <Link to={video.status === "Processed" ? "/watch" : "#"}
                     state={{ "video": video }}>
                     <div className="thumbnailContainer">
-                        <img style={{}} className="videoThumbnail" src={video.thumbnailURI ? video.thumbnailURI : ThumbnailPlaceHolder} />
+                        <Image className="videoThumbnail" src={video.thumbnailURI ? video.thumbnailURI : ThumbnailPlaceHolder} />
                     </div>
 
                 </Link>

diff --git a/video-processing-service/src/index.ts b/video-processing-service/src/index.ts
@@ -145,8 +145,6 @@ app.post("/", async (req, res) => {
 
 app.post("/process-video", async (req, res) => {
     const fileName: string = req.body.fileName
-    //const outputFilePath: string = req.body.outputFilePath
-
     if (!fileName) {
         res.status(400).send("Bad request.")
     }
@@ -161,7 +159,6 @@ app.post("/process-video", async (req, res) => {
 
 
 const videoMetadataManager = new VideoStatusManager()
-
 const topicName = 'video-uploaded';
 const subscriptionName = 'video-uploaded-sub';
 let videoUploadSubscriber = new TopicSubscriber()