From f2674464a9bdc26a718226ca897d94c4500e6e11 Mon Sep 17 00:00:00 2001
From: John Wu <76966357+jwu-fisker@users.noreply.github.com>
Date: Fri, 13 Jan 2023 17:04:29 -0800
Subject: [PATCH] CEC-1711 fix digital twin dbc (#265)

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

diff --git a/src/components/Cars/Status/__snapshots__/DigitalTwinTab.test.jsx.snap b/src/components/Cars/Status/__snapshots__/DigitalTwinTab.test.jsx.snap
index a22fa67..0858fd3 100644
--- a/src/components/Cars/Status/__snapshots__/DigitalTwinTab.test.jsx.snap
+++ b/src/components/Cars/Status/__snapshots__/DigitalTwinTab.test.jsx.snap
@@ -187,6 +187,17 @@ exports[`DigitalTwinTab Render 1`] = `
                 7/26/2022 12:26:38 AM
               </p>
             </div>
+            <div
+              class="makeStyles-popupSection-0"
+            >
+              <p>
+                <b>
+                  DBC version
+                </b>
+                : 
+                d439abd3662dd20099f49dd8f43f7b145202e961caa2b5aba2c6154c8096348b
+              </p>
+            </div>
           </div>
         </div>
       </div>
diff --git a/src/components/Contexts/__mocks__/VehicleContext.jsx b/src/components/Contexts/__mocks__/VehicleContext.jsx
index f31d80c..c545745 100644
--- a/src/components/Contexts/__mocks__/VehicleContext.jsx
+++ b/src/components/Contexts/__mocks__/VehicleContext.jsx
@@ -70,6 +70,7 @@ let vehicleState = {
       temperature: 26,
     },
     trex_version: "1000000",
+    dbc_version: "d439abd3662dd20099f49dd8f43f7b145202e961caa2b5aba2c6154c8096348b",
     ip: "172.20.0.17:49850",
     updated: "2022-07-26T00:26:38.880381Z",
   },
diff --git a/src/components/DigitalTwin/index.js b/src/components/DigitalTwin/index.js
index 2ddd5ad..a0c1141 100644
--- a/src/components/DigitalTwin/index.js
+++ b/src/components/DigitalTwin/index.js
@@ -1,7 +1,7 @@
 import React from "react";
 
-import useStyles from "../useStyles";
 import { LocalDateTimeString } from "../../utils/dates";
+import useStyles from "../useStyles";
 
 const keyValueTemplate = (key, value) => (
   <p key={key}>
@@ -14,7 +14,7 @@ const mapOpenCloseState = (value) =>
 
 const DigitalTwin = (props) => {
   const classes = useStyles();
-  const { battery, doors, location, trex_version, ip, updated, windows, misc_windows, sunroof, dbc, door_locks } = props;
+  const { battery, doors, location, trex_version, ip, updated, windows, misc_windows, sunroof, dbc_version, door_locks } = props;
 
   return (
     <div>
@@ -106,9 +106,9 @@ const DigitalTwin = (props) => {
           {keyValueTemplate("Updated at", LocalDateTimeString(updated))}
         </div>
       )}
-      {dbc != null && (
+      {dbc_version != null && (
         <div className={classes.popupSection}>
-          {keyValueTemplate("DBC version", dbc)}
+          {keyValueTemplate("DBC version", dbc_version)}
         </div>
       )}
     </div>