create empty image property

team4099 · Jul 22, 2024 · 5fad031 · 5fad031
1 parent d0315b3
commit 5fad031
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 9 deletions.
diff --git a/scoutingapp/src/components/img/RobotImage.tsx b/scoutingapp/src/components/img/RobotImage.tsx
@@ -5,6 +5,12 @@ interface RobotImageProps extends ComponentSetup {
   robotNumber?: string;
 }
 
+export const emptyImage = <img
+  style={{width: "80%", height: "80%", alignItems: 'center', justifyContent: 'center'}}
+  src='../img/gray.png'
+  alt={`Picture of robot`}
+/>
+
 export function RobotImage({ robotNumber = "4099", ...props }: RobotImageProps) {
   return (
     <img

diff --git a/scoutingapp/src/components/pages/Page.tsx b/scoutingapp/src/components/pages/Page.tsx
@@ -7,7 +7,7 @@ import { ComponentSetup, PageSetup } from "../interface"
 import { GenericCheckboxSelect, GenericDropdown, GenericRadioSelect, GenericToggle, ChargedUpGridSelect } from "../selects"
 import { GenericHeaderOne, GenericHeaderTwo, QRCodeModal, Timer } from "../texts"
 import { CycleCounter } from "../monitor"
-import { RobotImage } from "../img/RobotImage"
+import { RobotImage, emptyImage } from "../img/RobotImage"
 import ChargedUpStartingPosition from "../selects/ChargedUpStartingPosition"
 
 interface ImportedComponentSetup extends ComponentSetup {
@@ -33,14 +33,7 @@ export function Page(props: PageSetup) {
         "ChargedUpGridSelect": [ChargedUpGridSelect, []],
         "ChargedUpStartingPosition": [ChargedUpStartingPosition, ""],
         "ConeCubeIncrementInput": [ConeCubeIncrementInput, []],
-        "RobotImage": [
-          RobotImage,
-          <img
-            style={{width: "80%", height: "80%", alignItems: 'center', justifyContent: 'center'}}
-            src='../img/gray.png'
-            alt={`Picture of robot`}
-          />
-        ]
+        "RobotImage": [RobotImage, emptyImage]
     }
 
     let componentSetup: any = {}