first batch of images

team4099 · Mar 8, 2025 · e402f90 · e402f90
1 parent d67b566
commit e402f90
Show file tree

Hide file tree

Showing 17 changed files with 24 additions and 14 deletions.
diff --git a/scoutingapp/public/10004.jpeg b/scoutingapp/public/10004.jpeg
diff --git a/scoutingapp/public/10499.jpeg b/scoutingapp/public/10499.jpeg
diff --git a/scoutingapp/public/122.jpeg b/scoutingapp/public/122.jpeg
diff --git a/scoutingapp/public/1908.jpeg b/scoutingapp/public/1908.jpeg
diff --git a/scoutingapp/public/2363.jpeg b/scoutingapp/public/2363.jpeg
diff --git a/scoutingapp/public/2534.jpeg b/scoutingapp/public/2534.jpeg
diff --git a/scoutingapp/public/2890.jpeg b/scoutingapp/public/2890.jpeg
diff --git a/scoutingapp/public/2998.jpeg b/scoutingapp/public/2998.jpeg
diff --git a/scoutingapp/public/422.jpeg b/scoutingapp/public/422.jpeg
diff --git a/scoutingapp/public/4286.jpeg b/scoutingapp/public/4286.jpeg
diff --git a/scoutingapp/public/4575.jpeg b/scoutingapp/public/4575.jpeg
diff --git a/scoutingapp/public/619.jpeg b/scoutingapp/public/619.jpeg
diff --git a/scoutingapp/public/6882.jpeg b/scoutingapp/public/6882.jpeg
diff --git a/scoutingapp/public/836.jpeg b/scoutingapp/public/836.jpeg
diff --git a/scoutingapp/public/9214.jpeg b/scoutingapp/public/9214.jpeg
diff --git a/scoutingapp/public/977.jpeg b/scoutingapp/public/977.jpeg
diff --git a/scoutingapp/src/components/img/RobotImage.tsx b/scoutingapp/src/components/img/RobotImage.tsx
@@ -2,9 +2,9 @@ import React, {useEffect, useState} from "react"
 import { ComponentSetup } from "../interface"
 
 export const emptyImage = <img
-  style={{width: "80%", height: "80%", alignItems: 'center', justifyContent: 'center'}}
-  src='../gray.png'
-  alt={`Picture of robot`}
+    style={{height: "0px", alignItems: 'center', justifyContent: 'center', margin: "auto"}}
+    src={`../gray.png`}
+
 />
 
 export function RobotImage(props: ComponentSetup) {
@@ -14,19 +14,29 @@ export function RobotImage(props: ComponentSetup) {
   useEffect(() => {
     const interval = setInterval(() => {
       if (robotNumber) {
-        setComponentInside(
-          <img
-            style={{ height: "300px", alignItems: 'center', justifyContent: 'center', margin: "auto"}}
-            src={`../${robotNumber}.jpeg`}
-            alt={`Image of robot ${robotNumber} not found.`}
-          />
-        )
+        fileExists(`../${robotNumber}.jpeg`).then((exists) => {
+          console.log("Exists => ", exists)
+          if (exists) {
+            setComponentInside(
+                <img
+                    style={{ height: "300px", alignItems: 'center', justifyContent: 'center', margin: "auto"}}
+                    src={`../${robotNumber}.jpeg`}
+                />
+            )
+          } else {
+            setComponentInside(
+                <img
+                    style={{ height: "0px", alignItems: 'center', justifyContent: 'center', margin: "auto"}}
+                    src={`../gray.png`}
+                />
+            )
+          }
+        });
       } else {
         setComponentInside(
           <img
-            style={{ height: "300px", alignItems: 'center', justifyContent: 'center', margin: "auto"}}
-            src={`../gray.png`}
-            alt={'Insert robot number above'}
+            style={{ height: "0px", alignItems: 'center', justifyContent: 'center', margin: "auto"}}
+            src={`../public/gray.png`}
           />
         )
       }
@@ -46,4 +56,4 @@ async function fileExists(imagePath: string): Promise<boolean> {
   } catch {
     return false;
   }
-}
+ }