Updated for initial 2023 version.

package.json

@@ -1,7 +1,7 @@
 {
   "name": "Cougar-Dashboard",
   "author": "FRC Team 2539",
-  "version": "0.2.14",
+  "version": "0.3.0",
   "main": "public/electron.js",
   "scripts": {
     "dev": "vite",

src/components/camerafeed.jsx

@@ -5,12 +5,16 @@ export default class CameraFeed extends Component {
         super(props)
 
         this.ip = this.props.cameraIP
+
+        this.isThumbnail = this.props.isThumbnail
     }
 
     render() {
+        let className = "max-h-full m-auto " + (this.isThumbnail ? "" : "h-full")
+
         return (
             <div className="h-full w-full relative">
-                <img className="max-h-full h-full m-auto" src={this.ip} />
+                <img className={className} src={this.ip} />
             </div>
         )
     }

src/home.jsx

@@ -18,10 +18,10 @@ export default class Home extends Component {
                     <ConfigurableAutos nt={this.props.nt} ntMap={this.props.ntMap} putValueNT={this.props.putValueNT}/>
                 </div>
                 <div className="col-span-6 flex flex-row justify-around p-3">
-                    <CameraFeed cameraIP={"http://10.25.39.11:5800"}/>
+                    <CameraFeed cameraIP={"http://10.25.39.11:5800"} isThumbnail={false}/>
                 </div>
                 <div className="col-span-3 flex flex-col justify-between p-3">
-                    <CameraFeed cameraIP={"http://photonvision.local:1181"}/>
+                    <CameraFeed cameraIP={"http://photonvision.local:1182/stream.mjpg"} isThumbnail={true}/>
                     <Robot nt={this.props.nt} /> 
                 </div>
             </div>