From 140225fa385b996a8a0aff1f005139d0547d26df Mon Sep 17 00:00:00 2001
From: Abhishek Kumar <abhishek.mrt22@gmail.com>
Date: Wed, 30 Mar 2022 13:28:46 +0530
Subject: [PATCH 1/2] ui: fix vpc tier redirect to show details

When redirecting to VPC tier, details tab should be active by default

Signed-off-by: Abhishek Kumar <abhishek.mrt22@gmail.com>
---
 ui/src/views/network/VpcTiersTab.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/views/network/VpcTiersTab.vue b/ui/src/views/network/VpcTiersTab.vue
index 3d332ab8be6e..b9f665ed6c1d 100644
--- a/ui/src/views/network/VpcTiersTab.vue
+++ b/ui/src/views/network/VpcTiersTab.vue
@@ -34,7 +34,7 @@
                 {{ $t('label.name') }}
               </div>
               <div>
-                <router-link :to="{ path: '/guestnetwork/' + network.id }">{{ network.name }} </router-link>
+                <router-link :to="{ path: '/guestnetwork/' + network.id, query: { tab: 'details' } }">{{ network.name }} </router-link>
                 <a-tag v-if="network.broadcasturi">{{ network.broadcasturi }}</a-tag>
               </div>
             </div>

From d2211d7e78d489fd691762699f4aba31ebf7bb4f Mon Sep 17 00:00:00 2001
From: Abhishek Kumar <abhishek.mrt22@gmail.com>
Date: Thu, 31 Mar 2022 12:54:09 +0530
Subject: [PATCH 2/2] fix

Signed-off-by: Abhishek Kumar <abhishek.mrt22@gmail.com>
---
 ui/src/components/view/ResourceView.vue | 5 +++++
 ui/src/views/network/VpcTiersTab.vue    | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/view/ResourceView.vue b/ui/src/components/view/ResourceView.vue
index 56801406efab..3d19107feb5f 100644
--- a/ui/src/components/view/ResourceView.vue
+++ b/ui/src/components/view/ResourceView.vue
@@ -118,6 +118,11 @@ export default {
     },
     '$route.fullPath': function () {
       this.setActiveTab()
+    },
+    tabs: {
+      handler () {
+        this.setActiveTab()
+      }
     }
   },
   created () {
diff --git a/ui/src/views/network/VpcTiersTab.vue b/ui/src/views/network/VpcTiersTab.vue
index b9f665ed6c1d..3d332ab8be6e 100644
--- a/ui/src/views/network/VpcTiersTab.vue
+++ b/ui/src/views/network/VpcTiersTab.vue
@@ -34,7 +34,7 @@
                 {{ $t('label.name') }}
               </div>
               <div>
-                <router-link :to="{ path: '/guestnetwork/' + network.id, query: { tab: 'details' } }">{{ network.name }} </router-link>
+                <router-link :to="{ path: '/guestnetwork/' + network.id }">{{ network.name }} </router-link>
                 <a-tag v-if="network.broadcasturi">{{ network.broadcasturi }}</a-tag>
               </div>
             </div>