From 5013c57619eb626e39c931ec4c821c9e707ea071 Mon Sep 17 00:00:00 2001
From: Hrvoje Fekete <hrvoje.fekete@gmail.com>
Date: Mon, 20 Nov 2023 13:38:42 -0800
Subject: [PATCH] 18522 - UI updates.

---
 .../AccountAuthorizationRequest.vue                 | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/auth-web/src/components/auth/manage-business/manage-business-dialog/AccountAuthorizationRequest.vue b/auth-web/src/components/auth/manage-business/manage-business-dialog/AccountAuthorizationRequest.vue
index de70ac048a..418a246ae5 100644
--- a/auth-web/src/components/auth/manage-business/manage-business-dialog/AccountAuthorizationRequest.vue
+++ b/auth-web/src/components/auth/manage-business/manage-business-dialog/AccountAuthorizationRequest.vue
@@ -26,10 +26,19 @@
         :disabled="accounts.length < 2"
         class="business-identifier mb-n2"
         :items="accounts"
-        item-text="name"
         item-value="uuid"
         @change="emitSelected"
-      />
+      >
+        <template v-slot:selection="data">
+          <!-- HTML that describe how select should render selected items -->
+          <span v-if="data.item.branchName">{{ data.item.name }} - {{ data.item.branchName }}</span>
+          <span v-else>{{ data.item.name }}</span>
+        </template>
+        <template  v-slot:item="data">
+          <span v-if="data.item.branchName">{{ data.item.name }} - {{ data.item.branchName }}</span>
+          <span v-else>{{ data.item.name }}</span>
+        </template>
+      </v-select>
       <span>You can add a message that will be included as part of your authorization request. </span>
       <v-textarea
         id="account-authorization-request-additional-message-textarea"