Update CHANGELOG

CHANGELOG.md

@@ -12,6 +12,10 @@
 
 ### Pending Release
 
+### v5.19.1 - 2024-12-10
+
+- :rocket: `UI` Ensure switching to Admin Component doesn't throw an error
+
 ### v5.19.0 - 2024-12-10
 
 - :rocket: `UI` Update Main Map to TS

api/web/src/components/CloudTAK/Map.vue

@@ -730,8 +730,8 @@ onMounted(async () => {
 onBeforeUnmount(() => {
     if (timer.value) window.clearInterval(timer.value);
     if (timerSelf.value) window.clearInterval(timerSelf.value);
-    if (connectionStore.ws) connectionStore.ws.close();
 
+    connectionStore.destroy();
     cotStore.$reset();
     mapStore.destroy();
 });

api/web/src/stores/connection.ts

@@ -12,16 +12,24 @@ const cotStore = useCOTStore();
 
 export const useConnectionStore = defineStore('connection', {
     state: (): {
+        destroyed: boolean
         open: boolean
         ws?: WebSocket
     } => {
         return {
+            destroyed: false,
             open: false,
             ws: undefined
         }
     },
     actions: {
+        destroy: function() {
+            this.destroyed = true;
+            if (this.ws) this.ws.close();
+        },
         connectSocket: function(connection: string) {
+            this.destroyed = false;
+
             const url = stdurl('/api');
             url.searchParams.append('format', 'geojson');
             url.searchParams.append('connection', connection);
@@ -43,7 +51,7 @@ export const useConnectionStore = defineStore('connection', {
 
             this.ws.addEventListener('close', () => {
                 // Otherwise the user is probably logged out
-                if (localStorage.token) this.connectSocket(connection);
+                if (localStorage.token && !this.destroyed) this.connectSocket(connection);
 
                 this.open = false;
             });