From edfcd0dc6eaac01c00fe405aa68e61f43b6f898a Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sat, 24 Jun 2023 01:22:35 +0800
Subject: [PATCH] use autocomplete to replace select

---
 src/views/desktop/ExchangeRatesPage.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/views/desktop/ExchangeRatesPage.vue b/src/views/desktop/ExchangeRatesPage.vue
index d9fa5f90..6bbf8fe6 100644
--- a/src/views/desktop/ExchangeRatesPage.vue
+++ b/src/views/desktop/ExchangeRatesPage.vue
@@ -30,7 +30,7 @@
                             <span class="text-subtitle-1">{{ $t('Base Currency') }}</span>
                         </v-col>
                         <v-col cols="12" md="10" class="mb-6">
-                            <v-select
+                            <v-autocomplete
                                 density="compact"
                                 single-line
                                 item-title="currencyDisplayName"
@@ -38,7 +38,11 @@
                                 :disabled="loading"
                                 :items="availableExchangeRates"
                                 v-model="baseCurrency"
-                            ></v-select>
+                            >
+                                <template v-slot:no-data>
+                                    <div class="px-4">{{ $t('No results') }}</div>
+                                </template>
+                            </v-autocomplete>
                         </v-col>
                     </v-row>
                     <v-row no-gutters>
@@ -179,6 +183,10 @@ export default {
             });
         },
         getConvertedAmount(toExchangeRate) {
+            if (!this.baseCurrency) {
+                return 0;
+            }
+
             const fromExchangeRate = this.exchangeRatesStore.latestExchangeRateMap[this.baseCurrency];
 
             if (!fromExchangeRate) {