Unit codes pulled from util.ts

src/components/GiftedDialog.vue

@@ -462,11 +462,13 @@
             v-model="unitCode"
             class="flex-1 rounded border border-slate-400 ms-2 px-3 py-2"
           >
-            <option value="HUR">Hours</option>
-            <option value="USD">US $</option>
-            <option value="BTC">BTC</option>
-            <option value="BX">BX</option>
-            <option value="ETH">ETH</option>
+            <option
+              v-for="(displayName, code) in unitOptions"
+              :key="code"
+              :value="code"
+            >
+              {{ displayName }}
+            </option>
           </select>
         </div>
         <router-link
@@ -1073,6 +1075,11 @@ export default class GiftedDialog extends Vue {
       unitCode: this.unitCode,
     };
   }
+
+  // Computed property to get unit options
+  get unitOptions() {
+    return this.libsUtil.UNIT_SHORT;
+  }
 }
 </script>
 

src/views/GiftedDetailsView.vue

@@ -72,11 +72,13 @@
         v-model="unitCode"
         class="flex-1 rounded border border-slate-400 ms-2 px-3 py-2"
       >
-        <option value="HUR">Hours</option>
-        <option value="USD">US $</option>
-        <option value="BTC">BTC</option>
-        <option value="BX">BX</option>
-        <option value="ETH">ETH</option>
+        <option
+          v-for="(displayName, code) in unitOptions"
+          :key="code"
+          :value="code"
+        >
+          {{ displayName }}
+        </option>
       </select>
     </div>
 
@@ -916,5 +918,10 @@ export default class GiftedDetails extends Vue {
       7000,
     );
   }
+
+  // Computed property to get unit options
+  get unitOptions() {
+    return this.libsUtil.UNIT_SHORT;
+  }
 }
 </script>