From 1a37275b3a6cc249eb22efb6506d4a40de4f7f73 Mon Sep 17 00:00:00 2001
From: sadnub <josh@torchlake.com>
Date: Sat, 14 May 2022 22:23:03 -0400
Subject: [PATCH] Add watcher in agent view for route changes and set new
 active agent. Fixes #1110

---
 src/views/AgentView.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/views/AgentView.vue b/src/views/AgentView.vue
index d2a963b..280222b 100644
--- a/src/views/AgentView.vue
+++ b/src/views/AgentView.vue
@@ -20,7 +20,7 @@
 
 <script>
 // composition imports
-import { ref } from "vue";
+import { defineComponent, ref, watch } from "vue";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import { useQuasar } from "quasar";
@@ -29,7 +29,7 @@ import { useQuasar } from "quasar";
 import SummaryTab from "@/components/agents/SummaryTab";
 import SubTableTabs from "@/components/SubTableTabs";
 
-export default {
+export default defineComponent({
   name: "AgentView",
   components: {
     SummaryTab,
@@ -51,9 +51,17 @@ export default {
     store.commit("setActiveRow", route.params.agent_id);
     store.state.tabHeight = `${tabHeight.value}px`;
 
+    // watch for route change
+    watch(
+      () => route.params.agent_id,
+      () => {
+        store.commit("setActiveRow", route.params.agent_id);
+      }
+    );
+
     return {
       tabHeight,
     };
   },
-};
+});
 </script>