From 6622773ff4e7952a5d756c1fbd5259c1527ad869 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=96zg=C3=BCr=20G=C3=B6rg=C3=BCl=C3=BC?=
 <ozgurgorgulu54@gmail.com>
Date: Tue, 2 Apr 2024 23:09:17 +0300
Subject: [PATCH] 
 components(calculator/share-dialog-screenshot-exchange-rate-item): refactor

---
 ...e-dialog-screenshot-exchange-rate-item.vue | 40 +++++++------------
 1 file changed, 15 insertions(+), 25 deletions(-)

diff --git a/components/calculator/share-dialog-screenshot-exchange-rate-item.vue b/components/calculator/share-dialog-screenshot-exchange-rate-item.vue
index 3dfbb62d..3047a514 100644
--- a/components/calculator/share-dialog-screenshot-exchange-rate-item.vue
+++ b/components/calculator/share-dialog-screenshot-exchange-rate-item.vue
@@ -12,30 +12,22 @@
                 width="100%"
                 type="image" />
         </template>
+        <template v-else-if="exchangeRate !== null">
+            <span class="grey--text text--lighten-1">
+                {{ moneyFormat(exchangeRate.rate, "TRY") }}
+            </span>
+        </template>
         <template v-else>
-            <div class="grey--text text--lighten-1">
-                <template v-if="exchangeRate">
-                    {{ moneyFormat(exchangeRate.rate, "TRY") }}
-                </template>
-                <template v-else>
-                    <v-icon
-                        color="red"
-                        size="20">
-                        {{ errorIcon }}
-                    </v-icon>
-                </template>
-            </div>
+            Hata 😊
         </template>
     </div>
 </template>
 
 <script>
-import { mdiAlertCircle } from "@mdi/js";
 import { moneyFormat } from "@/utils/formatter.js";
 
 export default {
     data: () => ({
-        errorIcon: mdiAlertCircle,
         isLoading: true,
         exchangeRate: null
     }),
@@ -47,18 +39,16 @@ export default {
     },
     methods: {
         moneyFormat,
-        _load() {
+        async _load() {
             const vm = this;
-            vm.$store.dispatch("exchange-rates/loadExchangeRateFromApi", vm.currencyCode)
-                .then(exchangeRate => {
-                    vm.exchangeRate = exchangeRate;
-                })
-                .catch(() => {
-                    vm.exchangeRate = null;
-                })
-                .finally(() => {
-                    vm.isLoading = false;
-                });
+            vm.exchangeRate = null;
+            try {
+                vm.exchangeRate = await vm.$store.dispatch("exchange-rates/loadExchangeRateFromApi", vm.currencyCode);
+            } catch (error) {
+                vm.exchangeRate = null;
+            } finally {
+                vm.isLoading = false;
+            }
         }
     },
     mounted() {