CEC-1711 fix digital twin dbc (#265)

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>

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",
   },

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>