Don't show video feed in teleop modal by default

Author: amalnanavati

feedingwebapp/src/Pages/Header/InfoModal.jsx

@@ -134,18 +134,22 @@ function InfoModal(props) {
                 height: '100%'
               }}
             >
-              <View
-                style={{
-                  flex: 5,
-                  flexDirection: 'column',
-                  justifyContent: 'center',
-                  alignItems: 'center',
-                  width: '100%',
-                  height: '100%'
-                }}
-              >
-                <VideoFeed topic={CAMERA_FEED_TOPIC} updateRateHz={10} webrtcURL={props.webrtcURL} />
-              </View>
+              {props.showVideoFeedDuringTeleop ? (
+                <View
+                  style={{
+                    flex: 5,
+                    flexDirection: 'column',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    width: '100%',
+                    height: '100%'
+                  }}
+                >
+                  <VideoFeed topic={CAMERA_FEED_TOPIC} updateRateHz={10} webrtcURL={props.webrtcURL} />
+                </View>
+              ) : (
+                <></>
+              )}
               <View
                 style={{
                   flex: 7,
@@ -175,7 +179,12 @@ InfoModal.propTypes = {
   // Callback function for when the modal is hidden
   onHide: PropTypes.func.isRequired,
   // The URL of the webrtc signalling server
-  webrtcURL: PropTypes.string.isRequired
+  webrtcURL: PropTypes.string.isRequired,
+  // Whether to show the video feed when teleoperating the robot
+  showVideoFeedDuringTeleop: PropTypes.bool.isRequired
+}
+InfoModal.defaultProps = {
+  showVideoFeedDuringTeleop: false
 }
 
 export default InfoModal