CEC-4561 - Add in_park to digital twin display (#371)

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

@@ -237,6 +237,17 @@ exports[`DigitalTwinTab Render 1`] = `
                 77.7 km/h
               </p>
             </div>
+            <div
+              class="makeStyles-popupSection-0"
+            >
+              <p>
+                <b>
+                  Parked
+                </b>
+                : 
+                Yes
+              </p>
+            </div>
           </div>
           <div
             style="width: 100vh;"

src/components/Contexts/__mocks__/VehicleContext.jsx

@@ -78,6 +78,9 @@ let vehicleState = {
     vehicle_speed: {
       speed: 77.7,
     },
+    gear: {
+      in_park: true,
+    }
   },
 };
 

src/components/DigitalTwin/index.js

@@ -7,6 +7,8 @@ import useStyles from "../useStyles";
 const UNKNOWN = "unknown";
 const LOCKED = "Locked";
 const UNLOCKED = "Unlocked";
+const PARKED = "Yes";
+const NOT_PARKED = "Not Parked";
 
 const appendUnits = (value, units) => {
   if (value || value === 0) return `${value}${units}`;
@@ -32,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 } = 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 } = props;
 
   return (
     <div>
@@ -133,6 +135,11 @@ const DigitalTwin = (props) => {
           {keyValueTemplate("Vehicle Speed", appendUnits(vehicle_speed?.speed, " km/h"))}
         </div>
       )}
+      {gear && (
+        <div className={classes.popupSection}>
+          {keyValueTemplate("Parked", gear.in_park ? PARKED : NOT_PARKED)}
+        </div>
+      )}
     </div>
   );
 };