update measurements on boards page

Author: andresdlt03

common-front/lib/store/measurementsStore.ts

@@ -62,7 +62,7 @@ export const useMeasurementsStore = create<MeasurementsStore>((set, get) => ({
      */
     updateMeasurements: (measurements: Record<string, PacketUpdate>) => {
 
-        const measurementsDraft = get().measurements;
+        const measurementsDraft = {...get().measurements};
 
         for(const update of Object.values(measurements)) {
             for (const [id, mUpdate] of Object.entries(update.measurementUpdates)) {

control-station/src/pages/VehiclePage/BoardsPage/BoardsPage.tsx

@@ -11,27 +11,18 @@ import {
     selectObccuMeasurements,
     selectPcuMeasurements,
     selectVcuMeasurements,
-    useGlobalTicker,
     useMeasurementsStore,
     useSubscribe,
 } from "common";
-import { useCallback, useState } from "react";
 
 export const BoardsPage = () => {
     const measurements = useMeasurementsStore(state => state.measurements);
     const updateMeasurements = useMeasurementsStore(state => state.updateMeasurements);
-    const [measurementsState, setMeasurementsState] = useState(measurements);
 
     useSubscribe("podData/update", (msg) => {
         updateMeasurements(msg);
     });
 
-    const callback = useCallback(() => {
-        setMeasurementsState(measurements);
-    }, []);
-
-    useGlobalTicker(callback);
-
     return (
         <div className={styles.boardsPage}>
             <OBCCU {...selectObccuMeasurements(measurements)} />

control-station/src/pages/VehiclePage/VehiclePage.tsx

@@ -1,17 +1,16 @@
-import { useMeasurementsStore } from "common";
+import { useGlobalTicker, useMeasurementsStore, useSubscribe } from "common";
 import styles from "./VehiclePage.module.scss";
 
 import { Pagination } from "components/Pagination/Pagination";
 import { PageWrapper } from "pages/PageWrapper/PageWrapper";
 import { Outlet } from "react-router-dom";
 import { useOrders } from "useOrders";
 import { fetchFromBackend } from "services/HTTPHandler";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 
 export const VehiclePage = () => {
 
     const [podData, setPodData] = useState(null);
-    const measurements = useMeasurementsStore(state => state.measurements);
     const initMeasurements = useMeasurementsStore(state => state.initMeasurements);
 
     useEffect(() => {