From 3377eac541d57c962633a03420a8097f5b3fa2b0 Mon Sep 17 00:00:00 2001
From: Abhishek Kumar <abhishek.mrt22@gmail.com>
Date: Fri, 11 Mar 2022 13:33:01 +0530
Subject: [PATCH] ui: fix physical network guest traffix type tab

Fixes icon
Fixes object change

Signed-off-by: Abhishek Kumar <abhishek.mrt22@gmail.com>
---
 ui/src/views/infra/network/IpRangesTabGuest.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui/src/views/infra/network/IpRangesTabGuest.vue b/ui/src/views/infra/network/IpRangesTabGuest.vue
index 63590fb6c8e8..e456ae3a168a 100644
--- a/ui/src/views/infra/network/IpRangesTabGuest.vue
+++ b/ui/src/views/infra/network/IpRangesTabGuest.vue
@@ -34,10 +34,10 @@
       :rowKey="record => record.id"
       :pagination="false"
     >
-      <template #name="{ text }">
-        <resource-icon v-if="item.icon" :image="item.icon.base64image" size="1x" style="margin-right: 5px"/>
+      <template #name="{ text, record }">
+        <resource-icon v-if="record.icon" :image="record.icon.base64image" size="1x" style="margin-right: 5px"/>
         <apartment-outlined v-else style="margin-right: 5px"/>
-        <router-link :to="{ path: '/guestnetwork/' + item.id }">
+        <router-link :to="{ path: '/guestnetwork/' + record.id }">
           {{ text }}
         </router-link>
       </template>
@@ -137,7 +137,7 @@ export default {
     this.fetchData()
   },
   watch: {
-    network (newItem, oldItem) {
+    resource (newItem, oldItem) {
       if (!newItem || !newItem.id) {
         return
       }