Use the enum for status. Better for quick reads and maintain.

Author: LunaroakF

gui/src/components/firmware-tool/DeviceCard.tsx

@@ -7,6 +7,7 @@ import classNames from 'classnames';
 import { Control, Controller } from 'react-hook-form';
 import {
   FirmwareUpdateStatus,
+  PacketErrorCode,
   TrackerStatus as TrackerStatusEnum,
 } from 'solarxr-protocol';
 import { TrackerStatus } from '@/components/tracker/TrackerStatus';
@@ -133,7 +134,6 @@ export function DeviceCardControl({
             status={
               online ? TrackerStatusEnum.OK : TrackerStatusEnum.DISCONNECTED
             }
-            error={0}
           ></TrackerStatus>
         </div>
       )}

gui/src/components/tracker/TrackerStatus.tsx

@@ -39,7 +39,7 @@ export function TrackerStatus({ status, error }: { status: number, error?: numbe
 
   const statusClass = useMemo(() => statusClassMap[status], [status]);
   const statusLabel = useMemo(() => {
-    if (status == 4 && error != undefined) {
+    if (status == TrackerStatusEnum.ERROR && error != undefined) {
       return imuErrorLabelMap[error];
     } else {
       return statusLabelMap[status];