From 19c175b64d46f8c23f179a2d3276a9700a3a7ca9 Mon Sep 17 00:00:00 2001
From: Quashnock <awq@uw.edu>
Date: Fri, 15 Nov 2024 21:03:27 -0800
Subject: [PATCH] Ran git pull, git run format, changed number case.

---
 src/components/Navbar.vue | 35 ++++++++++++++++++++++++++++-------
 src/store/useRoslib.ts    |  2 +-
 2 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index a246ff2..ce3be18 100644
--- 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
index 4280de2..6e61da9 100644
--- 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 };
 
   /**