From 3d4a07d8d8587317b368957697011d6b881b3a0b Mon Sep 17 00:00:00 2001
From: Paul Adamsen <117673433+pauladamseniii@users.noreply.github.com>
Date: Thu, 22 Jun 2023 15:32:30 -0400
Subject: [PATCH] CEC-4561 - Add in_park to digital twin display (#371)

---
 .../Status/__snapshots__/DigitalTwinTab.test.jsx.snap | 11 +++++++++++
 src/components/Contexts/__mocks__/VehicleContext.jsx  |  3 +++
 src/components/DigitalTwin/index.js                   |  9 ++++++++-
 3 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/components/Cars/Status/__snapshots__/DigitalTwinTab.test.jsx.snap b/src/components/Cars/Status/__snapshots__/DigitalTwinTab.test.jsx.snap
index f12a979..c7e54ae 100644
--- a/src/components/Cars/Status/__snapshots__/DigitalTwinTab.test.jsx.snap
+++ b/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;"
diff --git a/src/components/Contexts/__mocks__/VehicleContext.jsx b/src/components/Contexts/__mocks__/VehicleContext.jsx
index 8e6034a..18cc9b0 100644
--- a/src/components/Contexts/__mocks__/VehicleContext.jsx
+++ b/src/components/Contexts/__mocks__/VehicleContext.jsx
@@ -78,6 +78,9 @@ let vehicleState = {
     vehicle_speed: {
       speed: 77.7,
     },
+    gear: {
+      in_park: true,
+    }
   },
 };
 
diff --git a/src/components/DigitalTwin/index.js b/src/components/DigitalTwin/index.js
index 21b1709..f705401 100644
--- a/src/components/DigitalTwin/index.js
+++ b/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>
   );
 };