SDC indicator Booster

Author: JFisica

…ts/ImdIndicator/ImdIndicator.module.scss …/BoolIndicator/BoolIndicator.module.scsscontrol-station/src/components/ImdIndicator/ImdIndicator.module.scss renamed to control-station/src/components/BoolIndicator/BoolIndicator.module.scss control-station/src/components/ImdIndicator/ImdIndicator.module.scss renamed to control-station/src/components/BoolIndicator/BoolIndicator.module.scss

@@ -1,7 +1,7 @@
 import { HvscuMeasurements, useGlobalTicker, useMeasurementsStore, usePodDataStore, getPacket } from 'common';
-import styles from './ImdIndicator.module.scss';
+import styles from './BoolIndicator.module.scss';
 import thunderIcon from 'assets/svg/thunder-filled.svg'
-import { memo, useContext, useState } from 'react';
+import { useContext, useState } from 'react';
 import { LostConnectionContext } from 'services/connections';
 
 export const ImdIndicator = () => {

…components/ImdIndicator/ImdIndicator.tsx …omponents/BoolIndicator/ImdIndicator.tsxcontrol-station/src/components/ImdIndicator/ImdIndicator.tsx renamed to control-station/src/components/BoolIndicator/ImdIndicator.tsx control-station/src/components/ImdIndicator/ImdIndicator.tsx renamed to control-station/src/components/BoolIndicator/ImdIndicator.tsx

@@ -0,0 +1,63 @@
+import { HvscuCabinetMeasurements, useGlobalTicker, useMeasurementsStore, usePodDataStore } from 'common';
+import styles from './BoolIndicator.module.scss';
+import thunderIcon from 'assets/svg/thunder-filled.svg'
+import { useContext, useState } from 'react';
+import { LostConnectionContext } from 'services/connections';
+
+export const SdcIndicator = () => {
+    const getValue = useMeasurementsStore(
+        (state) => state.getEnumMeasurementInfo(HvscuCabinetMeasurements.SDC).getUpdate
+    );
+
+    const podData = usePodDataStore((state) => state.podData);
+    const lostConnection = useContext(LostConnectionContext);
+
+    const [hasReceivedData, setHasReceivedData] = useState(false);
+    const [variant, setVariant] = useState(getValue());
+
+    useGlobalTicker(() => {
+        const boardName = HvscuCabinetMeasurements.SDC.split('/')[0];
+        
+        const board = podData.boards.find(b => b.name === boardName);
+        const hasReceivedPackets = board?.packets.some(packet => packet.count > 0) || false;
+        
+        const currentValue = getValue();
+        setVariant(currentValue);
+
+        if (hasReceivedPackets && !hasReceivedData) {
+            setHasReceivedData(true);
+        }
+    });
+
+    const showDisconnected = lostConnection || !hasReceivedData;
+    const state = showDisconnected ? "DISCONNECTED" : variant;
+
+    return (
+        <div
+            className={styles.state_indicator}
+            style={{
+                backgroundColor: enumToColor[state.toUpperCase()] || enumToColor.default
+            }}
+        >
+            <img className={styles.icon} src={thunderIcon} />
+
+            <p className={styles.title}>
+                {showDisconnected ? 'DISCONNECTED' : enumToText[state.toUpperCase()] || state.toUpperCase()}
+            </p>
+
+            <img className={styles.icon} src={thunderIcon} />
+        </div>
+    );
+};
+
+const enumToColor: { [key: string]: string } = {
+    'DISCONNECTED': '#cccccc',
+    'TRUE': '#ACF293',
+    'FALSE': '#FBD15B',
+    default: '#EBF6FF'
+};
+
+const enumToText: { [key: string]: string } = {
+    'TRUE': 'ENGAGED',
+    'FALSE': 'DISENGAGED'
+};

control-station/src/components/BoolIndicator/SdcIndicator.tsx

@@ -1,6 +1,6 @@
 import { Window } from 'components/Window/Window';
 import styles from './HVSCU.module.scss';
-import { ImdIndicator } from 'components/ImdIndicator/ImdIndicator';
+import { ImdIndicator } from 'components/BoolIndicator/ImdIndicator';
 import { EnumIndicator } from 'components/EnumIndicator/EnumIndicator';
 import Battery from 'assets/svg/battery-filled.svg'
 import Contactors from 'assets/svg/open-contactors-icon.svg'

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

@@ -28,6 +28,7 @@ import Contactors from "assets/svg/open-contactors-icon.svg";
 import teamLogo from "assets/svg/team_logo.svg";
 import { BigOrderButton } from "components/BigOrderButton";
 import { LEDS } from "../MainPage/MainPageModules/Leds";
+import { SdcIndicator } from "components/BoolIndicator/SdcIndicator";
 
 interface ModuleData {
   id: number | string;
@@ -129,6 +130,10 @@ export function BoosterPage() {
                   icon={Contactors}
                 />
               </div>
+              <div className={styles.text}>
+                <span className={styles.subtitle}>SDC</span>
+                <SdcIndicator/>
+              </div>
               <div className={styles.text}>
                 <span className={styles.subtitle}>BCU General State</span>
                 <EnumIndicator