From 15c09af5cc7b4fbfee2e295ae2bd4e8b51fb57d3 Mon Sep 17 00:00:00 2001
From: Pearl Dsilva <pearl1594@gmail.com>
Date: Thu, 17 Jul 2025 03:31:28 -0400
Subject: [PATCH] UI: Fix traffic Label on Zone creation wizard for VMware
 (#11101)

---
 .../views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue b/ui/src/views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue
index 1117cb6ec01..e4354a6d3b0 100644
--- a/ui/src/views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue
+++ b/ui/src/views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue
@@ -79,14 +79,14 @@
         </template>
         <template v-if="column.key === 'traffics'">
           <div v-for="traffic in record.traffics" :key="traffic.type">
-            <a-tooltip :title="traffic.type.toUpperCase() + ' (' + traffic.label + ')'">
+            <a-tooltip :title="traffic.type.toUpperCase() + ' (' + (hypervisor !== 'VMware' ? traffic.label : traffic.vSwitchName || '') + ')'">
               <a-tag
                 :color="trafficColors[traffic.type]"
                 style="margin:2px"
               >
 
-                {{ (traffic.type.toUpperCase() + ' (' + traffic.label + ')').slice(0, 20) }}
-                {{ (traffic.type.toUpperCase() + ' (' + traffic.label + ')').length > 20 ? '...' : '' }}
+                {{ (traffic.type.toUpperCase() + ' (' + (hypervisor !== 'VMware' ? traffic.label : traffic.vSwitchName || '') + ')').slice(0, 20) }}
+                {{ (traffic.type.toUpperCase() + ' (' + (hypervisor !== 'VMware' ? traffic.label : traffic.vSwitchName || '') + ')').length > 20 ? '...' : '' }}
                 <edit-outlined class="traffic-type-action" @click="editTraffic(record.key, traffic, $event)"/>
                 <delete-outlined class="traffic-type-action" @click="deleteTraffic(record.key, traffic, $event)"/>
               </a-tag>