Ran git pull, git run format, changed number case.

TrickfireRobotics · Nov 16, 2024 · 19c175b · 19c175b
1 parent 2899b89
commit 19c175b
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 8 deletions.
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
@@ -93,21 +93,42 @@ const pageIconArr: PageIcon = [
       <h4>{{ pageIcon.label }}</h4>
       <component :is="pageIcon.icon" class="page-icon" :title="pageIcon.helperText" />
     </RouterLink>
-    <div class="container indicator-container" :title = "(`Websocket: ${roslib.isWebSocketConnected ? `Connected` : `Disconnected`}`)">
+    <div
+      class="container indicator-container"
+      :title="`Websocket: ${roslib.isWebSocketConnected ? `Connected` : `Disconnected`}`"
+    >
       <h4 id="status">WS</h4>
-      <component :is="PowerPlugIcon" class="page-icon" :class="{ green: roslib.isWebSocketConnected, red: !roslib.isWebSocketConnected }"/>
+      <component
+        :is="PowerPlugIcon"
+        class="page-icon"
+        :class="{ green: roslib.isWebSocketConnected, red: !roslib.isWebSocketConnected }"
+      />
     </div>
-    <div class="container indicator-container" :title = "(`Camera: ${roslib.isWebSocketConnected ? `Connected` : `Disconnected`}`)">
+    <div
+      class="container indicator-container"
+      :title="`Camera: ${roslib.isWebSocketConnected ? `Connected` : `Disconnected`}`"
+    >
       <h4 id="status">CAM</h4>
-      <component :is="CameraIcon" class="page-icon"  :class="{ green: roslib.isWebSocketConnected, red: !roslib.isWebSocketConnected }"/>
+      <component
+        :is="CameraIcon"
+        class="page-icon"
+        :class="{ green: roslib.isWebSocketConnected, red: !roslib.isWebSocketConnected }"
+      />
     </div>
-    <div class="container indicator-container" :title = "(`Controller: ${controller.isGamepadConnected ? `Connected` : `Disconnected`}`)">
+    <div
+      class="container indicator-container"
+      :title="`Controller: ${controller.isGamepadConnected ? `Connected` : `Disconnected`}`"
+    >
       <h4 id="status">CTRL</h4>
-      <component :is="ControllerIcon" class="page-icon" :class="{ green: controller.isGamepadConnected, red: !controller.isGamepadConnected }"/>
+      <component
+        :is="ControllerIcon"
+        class="page-icon"
+        :class="{ green: controller.isGamepadConnected, red: !controller.isGamepadConnected }"
+      />
     </div>
     <div class="container indicator-container">
       <h4 id="status">Ping</h4>
-      <h4>{{ roslib.latency + "ms" }}</h4>
+      <h4>{{ roslib.latency + 'ms' }}</h4>
     </div>
   </nav>
 </template>

diff --git a/src/store/useRoslib.ts b/src/store/useRoslib.ts
@@ -10,7 +10,7 @@ const SECONDS_TO_TIMESTAMP = 1000;
 export const useRoslibStore = defineStore('roslib', () => {
   const ros = new ROSLIB.Ros({ url: undefined });
   const isWebSocketConnected = ref<boolean>(false);
-  const latency = ref<Number>(0);
+  const latency = ref<number>(0);
   const stop = { value: false };
 
   /**