admin/ota-admin-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CEC-4351 - units for digital twin props (#347)

Browse Source 
* CEC-4351 - units for digital twin props

* fix mocked data
This commit is contained in:
Paul Adamsen
2023-06-05 17:30:44 -04:00
committed by GitHub
parent 022e88d400
commit 82d722d8f5
3 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Cars/Status/__snapshots__/DigitalTwinTab.test.jsx.snap
View File

@@ -53,14 +53,14 @@ exports[`DigitalTwinTab Render 1`] = `
Total Mileage Total Mileage
</b> </b>
: :
unknown 12000 km
</p> </p>
<p> <p>
<b> <b>
Max Range Max Range
</b> </b>
: :
577 577 km
</p> </p>
</div> </div>
<div <div
@@ -158,7 +158,7 @@ exports[`DigitalTwinTab Render 1`] = `
altitude altitude
</b> </b>
: :
17 17 m
</p> </p>
<p> <p>
<b> <b>
@@ -227,7 +227,7 @@ exports[`DigitalTwinTab Render 1`] = `
Vehicle Speed Vehicle Speed
</b> </b>
: :
77.7 77.7 km/h
</p> </p>
</div> </div>
</div> </div>

1
src/components/Contexts/__mocks__/VehicleContext.jsx
View File

@@ -37,6 +37,7 @@ let vehicleState = {
online: false, online: false,
online_hmi: true, online_hmi: true,
battery: { battery: {
total_mileage_odometer: 12000,
percent: 95, percent: 95,
}, },
max_range: { max_range: {

10
src/components/DigitalTwin/index.js
View File

@@ -38,15 +38,15 @@ const DigitalTwin = (props) => {
<div className={classes.popupSection}> <div className={classes.popupSection}>
<h3>Battery</h3> <h3>Battery</h3>
{keyValueTemplate("Percentage", `${battery?.percent || 0}%`)} {keyValueTemplate("Percentage", `${battery?.percent || 0}%`)}
{keyValueTemplate("Total Mileage", battery?.total_mileage_odometer || UNKNOWN)} {keyValueTemplate("Total Mileage", `${battery?.total_mileage_odometer} km` || UNKNOWN)}
{keyValueTemplate("Max Range", max_range?.max_miles || UNKNOWN)} {keyValueTemplate("Max Range", `${max_range?.max_miles} km` || UNKNOWN)}
</div> </div>
)} )}
{(vcu0x260 || charging_metrics) && ( {(vcu0x260 || charging_metrics) && (
<div className={classes.popupSection}> <div className={classes.popupSection}>
<h3>Charging</h3> <h3>Charging</h3>
{keyValueTemplate("Charge Type", vcu0x260?.charge_type || UNKNOWN)} {keyValueTemplate("Charge Type", vcu0x260?.charge_type || UNKNOWN)}
{keyValueTemplate("Remaining Time", charging_metrics?.remaining_charging_time || UNKNOWN)} {keyValueTemplate("Remaining Time", `${charging_metrics?.remaining_charging_time} min` || UNKNOWN)}
</div> </div>
)} )}
{doors && ( {doors && (
@@ -95,7 +95,7 @@ const DigitalTwin = (props) => {
return keyValueTemplate(value[0], "Invalid") return keyValueTemplate(value[0], "Invalid")
} }
if (value[0] === "altitude") { if (value[0] === "altitude") {
return keyValueTemplate(value[0], value[1]); return keyValueTemplate(value[0], `${value[1]} m`);
} else { } else {
return keyValueTemplate(value[0], `${value[1]}°`); return keyValueTemplate(value[0], `${value[1]}°`);
} }
@@ -124,7 +124,7 @@ const DigitalTwin = (props) => {
)} )}
{vehicle_speed && ( {vehicle_speed && (
<div className={classes.popupSection}> <div className={classes.popupSection}>
{keyValueTemplate("Vehicle Speed", vehicle_speed.speed)} {keyValueTemplate("Vehicle Speed", `${vehicle_speed.speed} km/h`)}
</div> </div>
)} )}
</div> </div>