From fd645a7bd479d1fa218d5926d86d6320b9c2727b Mon Sep 17 00:00:00 2001
From: Alex Hess <hessalex@gmail.com>
Date: Tue, 30 Jan 2024 00:45:13 -0700
Subject: [PATCH 1/2] currency code as value

---
 ui/src/router/views/initialize.vue | 11 ++++++-----
 ui/src/router/views/settings.vue   | 11 ++++++-----
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/ui/src/router/views/initialize.vue b/ui/src/router/views/initialize.vue
index 5d1d560..e418e5d 100644
--- a/ui/src/router/views/initialize.vue
+++ b/ui/src/router/views/initialize.vue
@@ -153,9 +153,6 @@ export default {
         })
         .finally(() => (this.isWorking = false))
     },
-    formatCurrency(option) {
-      return `${option.namePlural} (${option.code})`
-    },
   },
 }
 </script>
@@ -212,14 +209,18 @@ export default {
         <b-field :label="$t('currency')">
           <b-autocomplete
             v-model="registerModel.currency"
-            :custom-formatter="formatCurrency"
             :placeholder="$t('currency')"
             :data="filteredCurrencyMasters"
+            field="code"
             :keep-first="true"
             :open-on-focus="true"
             required
             @select="(option) => (selected = option)"
-          ></b-autocomplete>
+          >
+            <template slot-scope="props">
+              <span>{{ props.option.namePlural }} ({{ props.option.code }})</span>
+            </template>
+        </b-autocomplete>
         </b-field>
         <b-field :label="$t('distanceunit')">
           <b-select v-model.number="registerModel.distanceUnit" :placeholder="$t('distanceunit')" required expanded>
diff --git a/ui/src/router/views/settings.vue b/ui/src/router/views/settings.vue
index ca4b326..e480780 100644
--- a/ui/src/router/views/settings.vue
+++ b/ui/src/router/views/settings.vue
@@ -123,9 +123,6 @@ export default {
           this.tryingToSave = false
         })
     },
-    formatCurrency(option) {
-      return `${option.namePlural} (${option.code})`
-    },
   },
 }
 </script>
@@ -142,14 +139,18 @@ export default {
           <b-field :label="$t('currency')">
             <b-autocomplete
               v-model="settingsModel.currency"
-              :custom-formatter="formatCurrency"
               :placeholder="$t('currency')"
               :data="filteredCurrencyMasters"
+              field="code"
               :keep-first="true"
               :open-on-focus="true"
               required
               @select="(option) => (selected = option)"
-            ></b-autocomplete>
+            >
+            <template slot-scope="props">
+              <span>{{ props.option.namePlural }} ({{ props.option.code }})</span>
+            </template>
+          </b-autocomplete>
           </b-field>
           <b-field :label="$t('distanceunit')">
             <b-select v-model.number="settingsModel.distanceUnit" placeholder="Distance Unit" required expanded>

From e2a4e60b29742c838ad51e23658e46c294bd2e86 Mon Sep 17 00:00:00 2001
From: Alex Hess <hessalex@gmail.com>
Date: Tue, 30 Jan 2024 00:46:04 -0700
Subject: [PATCH 2/2] temp notification for existing users

---
 ui/src/components/nav-bar.vue | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/nav-bar.vue b/ui/src/components/nav-bar.vue
index d2a7784..39f7478 100644
--- a/ui/src/components/nav-bar.vue
+++ b/ui/src/components/nav-bar.vue
@@ -1,6 +1,6 @@
 <script>
 import { authComputed } from '@state/helpers'
-import { mapGetters } from 'vuex'
+import { mapGetters, mapState } from 'vuex'
 import NavBarRoutes from './nav-bar-routes.vue'
 
 export default {
@@ -52,10 +52,19 @@ export default {
   },
   computed: {
     ...authComputed,
+    ...mapState('users', ['me']),
     ...mapGetters('vehicles', ['unprocessedQuickEntries']),
     isAdmin() {
       return this.loggedIn && this.currentUser.role === 'ADMIN'
     },
+    currencyOutdated() {
+      if (this.me !== null) {
+        if (this.me.currency.indexOf('(') !== -1) {
+          return true
+        }
+        }
+      return false
+    }
   },
 }
 </script>
@@ -77,5 +86,14 @@ export default {
         </b-navbar-dropdown>
       </template>
     </b-navbar>
+    <b-notification
+            v-model="currencyOutdated"
+            type="is-danger"
+            has-icon
+            aria-close-label="Close notification"
+            role="alert"
+            :closable=false>
+            Please select your currency again in <router-link to="/settings">settings</router-link> and then save.
+        </b-notification>
   </div>
 </template>