From 004080540b400d271cbc949b29cadc4f301f5551 Mon Sep 17 00:00:00 2001
From: Rohit Yadav <rohit.yadav@shapeblue.com>
Date: Thu, 19 Sep 2019 10:30:51 +0530
Subject: [PATCH] projectmenu: Use project displaytext and use name as fallback

This uses project displaytext instead of name when available.
Fixes #38

Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
---
 ui/src/components/tools/ProjectMenu.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/ui/src/components/tools/ProjectMenu.vue b/ui/src/components/tools/ProjectMenu.vue
index 30050ba2fdf..9f16cd114ec 100644
--- a/ui/src/components/tools/ProjectMenu.vue
+++ b/ui/src/components/tools/ProjectMenu.vue
@@ -10,7 +10,7 @@
       @change="changeProject"
       showSearch>
       <a-select-option v-for="(project, index) in projects" :key="index">
-        {{ project.name }}
+        {{ project.displaytext || project.name }}
       </a-select-option>
     </a-select>
   </span>
@@ -54,7 +54,7 @@ export default {
           const currentProject = Vue.ls.get(CURRENT_PROJECT)
           for (var project of this.projects) {
             if (project.id === currentProject.id) {
-              this.selectedProject = project.name
+              this.setSelectedProject(project)
               break
             }
           }
@@ -69,9 +69,12 @@ export default {
     isDisabled () {
       return !store.getters.apis.hasOwnProperty('listProjects')
     },
+    setSelectedProject (project) {
+      this.selectedProject = project.displaytext || project.name
+    },
     changeProject (index) {
       const project = this.projects[index]
-      this.selectedProject = project.name
+      this.setSelectedProject(project)
       this.$store.dispatch('SetProject', project)
       this.$store.dispatch('ToggleTheme', project.id === undefined ? 'light' : 'dark')
       this.$message.success(`Switched to "${project.name}"`)