Emergency button on booster page

Author: JFisica

control-station/src/components/EnumIndicator/VehicleState.tsx

@@ -16,11 +16,10 @@ export const VehicleState = () => {
     const lostConnection = useContext(LostConnectionContext);
 
     const [hasReceivedData, setHasReceivedData] = useState(false);
-    const [generalState, setGeneralState] = useState('FAULT'); // Estado por defecto conservador
+    const [generalState, setGeneralState] = useState('FAULT');
     const [operationalState, setOperationalState] = useState('FAULT');
 
     useGlobalTicker(() => {
-        // Verificar si se han recibido paquetes de VCU
         const vcuBoard = podData.boards.find(board => board.name === 'VCU');
         const hasReceivedPackets = vcuBoard?.packets.some(packet => packet.count > 0) || false;
 
@@ -29,13 +28,11 @@ export const VehicleState = () => {
         setGeneralState(currentGeneralState);
         setOperationalState(currentOperationalState);
 
-        // Solo marcar como recibido si realmente hemos recibido paquetes de VCU
         if (hasReceivedPackets && !hasReceivedData) {
             setHasReceivedData(true);
         }
     });
 
-    // Determinar si mostrar como desconectado
     const showDisconnected = lostConnection || !hasReceivedData;
 
     const state = showDisconnected

control-station/src/pages/VehiclePage/BoosterPage/BoosterPage.module.scss

@@ -25,6 +25,11 @@
   height: 100%;
 }
 
+.emergency_wrapper {
+    justify-content: center;
+    min-height: 0;
+    height: 3rem;
+}
 .statusIndicators {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

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

@@ -15,7 +15,7 @@ import {
 } from "common";
 import { OrdersContainer } from "components/OrdersContainer/OrdersContainer";
 import { Window } from "components/Window/Window";
-import { getHardcodedOrders } from "../BatteriesPage/FixedOrders";
+import { emergencyStopOrders, getHardcodedOrders } from "../BatteriesPage/FixedOrders";
 import { usePodDataUpdate } from "hooks/usePodDataUpdate";
 import { Connection, useConnections } from "common";
 import { LostConnectionContext } from "services/connections";
@@ -26,6 +26,7 @@ import thunder from "assets/svg/thunder-filled.svg";
 import thermometer from "assets/svg/thermometer-field.svg";
 import Contactors from "assets/svg/open-contactors-icon.svg";
 import teamLogo from "assets/svg/team_logo.svg";
+import { BigOrderButton } from "components/BigOrderButton";
 
 interface ModuleData {
   id: number | string;
@@ -153,6 +154,15 @@ export function BoosterPage() {
           <Window title="Messages" className={styles.messages}>
             <MessagesContainer />
           </Window>
+          <div className={styles.emergency_wrapper}>
+              <BigOrderButton
+                  orders={emergencyStopOrders}
+                  label="⚠️ EMERGENCY STOP"
+                  shortcut=" "
+                  className={`${styles.emergency_button} ${styles.emergency_stop}`}
+                  brightness={3}
+              />
+          </div>
           <Window title="Orders" className={styles.orders}>
             <div className={styles.order_column}>
               <OrdersContainer