fix: UI update after mock sensor change [PT-187809478]

Updates the mock sensor poll value to use measurement and unit based on sensor selected.
concord-consortium · Jun 30, 2024 · dc8d216 · dc8d216
1 parent 3d15b03
commit dc8d216
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/mobile-app/components/sensor.tsx b/src/mobile-app/components/sensor.tsx
@@ -243,7 +243,7 @@ export const SensorComponent: React.FC<ISensorComponentProps> = ({sensor, manual
     const displayValue = value !== undefined ? value.toFixed(1) : "--";
 
     return (
-      <div className={css.timeSeriesValue}>
+      <div className={css.timeSeriesValue} key={`timeseries-${selectableSensorId}`}>
         <div className={css.tsvLeft}>
           <div className={css.tsvGraph}>
             <DataTableSparkGraph
@@ -323,7 +323,7 @@ export const SensorComponent: React.FC<ISensorComponentProps> = ({sensor, manual
     }
     const className = connected ? css.connectedValues : css.disconnectedValues;
     return (
-      <div className={className}>
+      <div className={className} key={`values-${selectableSensorId}`}>
         {fragments}
       </div>
     );

diff --git a/src/sensors/mock-sensor.ts b/src/sensors/mock-sensor.ts
@@ -135,16 +135,20 @@ export class MockSensor extends Sensor {
   }
 
   public timeSeriesCapabilities(selectableSensorId: any): ITimeSeriesCapabilities {
+    selectableSensorId = parseInt(selectableSensorId ?? "0", 10);
+    const {measurement, units, minValue, maxValue} = selectableSensorId === 0
+      ? {measurement: "Force", units: "N", minValue: -50, maxValue: 50}
+      : {measurement: "Temperature", units: "°C", minValue: -40, maxValue: 125};
     const defaultMeasurementPeriod = 50;
     return {
       measurementPeriod: defaultMeasurementPeriod,
       minMeasurementPeriod: 10,
       defaultMeasurementPeriod,
-      measurement: "Fake Value",
+      measurement,
       valueKey: TimeSeriesDataKey,
-      units: "N/A",
-      minValue: -5,
-      maxValue: 5,
+      units,
+      minValue,
+      maxValue,
     };
   }