Add spindle laser status to top bar

Sienci-Labs · Sep 14, 2024 · 86a4c88 · 86a4c88
1 parent fc5fbc6
commit 86a4c88
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/src/app/src/workspace/TopBar/index.tsx b/src/app/src/workspace/TopBar/index.tsx
@@ -1,13 +1,18 @@
 import MachineStatus from 'app/features/MachineStatus/MachineStatus';
+import Connection from 'app/features/Connection';
+import SpindleLaserStatus from 'app/components/SpindleLaserStatus';
+
 import gSenderIcon from './assets/icon-round.png';
-import Connection from "app/features/Connection";
 
 export const TopBar = () => {
-    return <div className="border p-3 h-16 box-borde flex gap-4 items-center bg-gray-50">
-        <div className="w-[50px] h-[50px]">
-            <img alt="gSender Logo" src={gSenderIcon}/>
+    return (
+        <div className="border p-3 h-16 box-borde flex gap-4 items-center bg-gray-50">
+            <div className="w-[50px] h-[50px]">
+                <img alt="gSender Logo" src={gSenderIcon} />
+            </div>
+            <Connection />
+            <MachineStatus />
+            <SpindleLaserStatus />
         </div>
-        <Connection />
-        <MachineStatus />
-    </div>;
+    );
 };