CEC-5028 - Vehicle Safe States in Digital Twin (#441)

src/components/Cars/Status/__snapshots__/DigitalTwinTab.test.jsx.snap

@@ -248,6 +248,55 @@ exports[`DigitalTwinTab Render 1`] = `
                 Yes
               </p>
             </div>
+            <div
+              class="makeStyles-popupSection-0"
+            >
+              <h3>
+                Safe States
+              </h3>
+              <p>
+                <b>
+                  Vehicle Safe State
+                </b>
+                : 
+                False
+              </p>
+              <p>
+                <b>
+                  VCU Safe State
+                </b>
+                : 
+                True
+              </p>
+              <p>
+                <b>
+                  MCU Front Safe State
+                </b>
+                : 
+                False
+              </p>
+              <p>
+                <b>
+                  MCU Rear Safe State
+                </b>
+                : 
+                False
+              </p>
+              <p>
+                <b>
+                  MCU Front Inverter Error
+                </b>
+                : 
+                True
+              </p>
+              <p>
+                <b>
+                  MCU Rear Inverter Error
+                </b>
+                : 
+                False
+              </p>
+            </div>
           </div>
           <div
             style="width: 100vh;"

src/components/Contexts/__mocks__/VehicleContext.jsx

@@ -80,6 +80,15 @@ let vehicleState = {
     },
     gear: {
       in_park: true,
+    },
+    safe_state: {
+      vehicle_safe_state: false,
+      vcu_safe_state: true,
+      mcu_front_safe_state: false,
+      mcu_rear_safe_state: true,
+      mcu_rear_decoup_state: false,
+      mcu_front_inverter_error: true,
+      mcu_rear_inverter_error: false,
     }
   },
 };

src/components/DigitalTwin/index.js

@@ -34,7 +34,7 @@ const windowState = (value) => {
 
 const DigitalTwin = (props) => {
   const classes = useStyles();
-  const { battery, doors, location, trex_version, ip, updated, windows, misc_windows, sunroof, dbc_version, door_locks, vcu0x260, charging_metrics, max_range, vehicle_speed, gear } = props;
+  const { battery, doors, location, trex_version, ip, updated, windows, misc_windows, sunroof, dbc_version, door_locks, vcu0x260, charging_metrics, max_range, vehicle_speed, gear, safe_state } = props;
 
   return (
     <div>
@@ -140,6 +140,17 @@ const DigitalTwin = (props) => {
           {keyValueTemplate("Parked", gear.in_park ? PARKED : NOT_PARKED)}
         </div>
       )}
+      {safe_state && (
+        <div className={classes.popupSection}>
+          <h3>Safe States</h3>
+          {keyValueTemplate("Vehicle Safe State", safe_state.vehicle_safe_state ? "True" : "False")}
+          {keyValueTemplate("VCU Safe State", safe_state.vcu_safe_state ? "True" : "False")}
+          {keyValueTemplate("MCU Front Safe State", safe_state.mcu_front_safe_state ? "True" : "False")}
+          {keyValueTemplate("MCU Rear Safe State", safe_state.mcu_rear_safe_state && safe_state.mcu_rear_decoup_state ? "True" : "False")}
+          {keyValueTemplate("MCU Front Inverter Error", safe_state.mcu_front_inverter_error ? "True" : "False")}
+          {keyValueTemplate("MCU Rear Inverter Error", safe_state.mcu_rear_inverter_error ? "True" : "False")}
+        </div>
+      )}
     </div>
   );
 };