diff --git a/src/components/Cars/Status/__snapshots__/DigitalTwinTab.test.jsx.snap b/src/components/Cars/Status/__snapshots__/DigitalTwinTab.test.jsx.snap
index 1f8ffc2..2f68f73 100644
--- a/src/components/Cars/Status/__snapshots__/DigitalTwinTab.test.jsx.snap
+++ b/src/components/Cars/Status/__snapshots__/DigitalTwinTab.test.jsx.snap
@@ -53,14 +53,14 @@ exports[`DigitalTwinTab Render 1`] = `
Total Mileage
:
- unknown
+ 12000 km
Max Range
:
- 577
+ 577 km
:
- 17
+ 17 m
@@ -227,7 +227,7 @@ exports[`DigitalTwinTab Render 1`] = `
Vehicle Speed
:
- 77.7
+ 77.7 km/h
diff --git a/src/components/Contexts/__mocks__/VehicleContext.jsx b/src/components/Contexts/__mocks__/VehicleContext.jsx
index 90844b5..1fca329 100644
--- a/src/components/Contexts/__mocks__/VehicleContext.jsx
+++ b/src/components/Contexts/__mocks__/VehicleContext.jsx
@@ -37,6 +37,7 @@ let vehicleState = {
online: false,
online_hmi: true,
battery: {
+ total_mileage_odometer: 12000,
percent: 95,
},
max_range: {
diff --git a/src/components/DigitalTwin/index.js b/src/components/DigitalTwin/index.js
index 804e9e0..8548dc5 100644
--- a/src/components/DigitalTwin/index.js
+++ b/src/components/DigitalTwin/index.js
@@ -38,15 +38,15 @@ const DigitalTwin = (props) => {
Battery
{keyValueTemplate("Percentage", `${battery?.percent || 0}%`)}
- {keyValueTemplate("Total Mileage", battery?.total_mileage_odometer || UNKNOWN)}
- {keyValueTemplate("Max Range", max_range?.max_miles || UNKNOWN)}
+ {keyValueTemplate("Total Mileage", `${battery?.total_mileage_odometer} km` || UNKNOWN)}
+ {keyValueTemplate("Max Range", `${max_range?.max_miles} km` || UNKNOWN)}
)}
{(vcu0x260 || charging_metrics) && (
Charging
{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)}
)}
{doors && (
@@ -95,7 +95,7 @@ const DigitalTwin = (props) => {
return keyValueTemplate(value[0], "Invalid")
}
if (value[0] === "altitude") {
- return keyValueTemplate(value[0], value[1]);
+ return keyValueTemplate(value[0], `${value[1]} m`);
} else {
return keyValueTemplate(value[0], `${value[1]}°`);
}
@@ -124,7 +124,7 @@ const DigitalTwin = (props) => {
)}
{vehicle_speed && (
- {keyValueTemplate("Vehicle Speed", vehicle_speed.speed)}
+ {keyValueTemplate("Vehicle Speed", `${vehicle_speed.speed} km/h`)}
)}