CEC-1711-fix-digital-twin-ver2 (#258)

* first commit

* fix build error

src/components/DigitalTwin/index.js

@@ -14,7 +14,7 @@ const mapOpenCloseState = (value) =>
 
 const DigitalTwin = (props) => {
   const classes = useStyles();
-  const { battery, doors, location, trex_version, ip, updated, windows, sunroof, dbc, door_locks } = props;
+  const { battery, doors, location, trex_version, ip, updated, windows,misc_windows ,sunroof, dbc, door_locks } = props;
 
   return (
     <div>
@@ -47,7 +47,21 @@ const DigitalTwin = (props) => {
             if (value[1] === 0) {
               return keyValueTemplate(value[0], "closed");
             } else {
-              return keyValueTemplate(value[0], `${value[1]}% open`);
+              const percentOpen = Math.min(value[1], 100);
+              return keyValueTemplate(value[0], `${percentOpen}% open`);
+            }
+          })}
+        </div>
+      )}
+      {misc_windows != null && (
+        <div className={classes.popupSection}>
+          <h3>Misc Windows</h3>
+          {Object.entries(misc_windows).map((value) => {
+            if (value[1] === 0) {
+              return keyValueTemplate(value[0], "closed");
+            } else {
+              const percentOpen = Math.min(value[1], 100);
+              return keyValueTemplate(value[0], `${percentOpen}% open`);
             }
           })}
         </div>
@@ -55,7 +69,6 @@ const DigitalTwin = (props) => {
       {sunroof != null && (
         <div className={classes.popupSection}>
           <h3>Sunroof</h3>
-          {/* {Object.entries(sunroof).map(mapOpenCloseState)} */}
           {Object.entries(sunroof).map((value) => {
             if (value[1] === 0) {
               return keyValueTemplate(value[0], "closed");

src/components/VehicleMap/index.jsx

@@ -185,16 +185,7 @@ const Component = () => {
       {carState ? (
         <VehiclePopUp
           key={carState.vin}
-          vin={carState.vin}
-          online={carState.online}
-          onlineHMI={carState.online_hmi}
-          battery={carState.battery}
-          doors={carState.doors}
-          location={carState.location}
-          windows={carState.windows}
-          trex_version={carState.trex_version}
-          ip={carState.ip}
-          updated={carState.updated}
+          {...carState}
           className={classes.popup}
           onClose={handleClose}
         />