From 94640c4492adb4cceb45702773f57e0646933196 Mon Sep 17 00:00:00 2001
From: RcleydsonR <rafael.cleydson@gmail.com>
Date: Fri, 17 Feb 2023 18:06:58 -0300
Subject: [PATCH] Add try catch block if user reject a withdraw action

---
 src/components/ListingComponent/ListingComponent.vue |  2 +-
 src/components/SearchComponent.vue                   |  2 +-
 src/components/SpinnerComponent.vue                  |  4 ++--
 src/views/ManageBidsView.vue                         | 11 ++++++++---
 4 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/ListingComponent/ListingComponent.vue b/src/components/ListingComponent/ListingComponent.vue
index efe474f..7a88ad5 100644
--- a/src/components/ListingComponent/ListingComponent.vue
+++ b/src/components/ListingComponent/ListingComponent.vue
@@ -112,7 +112,7 @@ showInitialItems();
 
 <template>
   <div class="blur-container" v-if="loadingWalletTransactions">
-    <SpinnerComponent width="8" height="8" color="white"></SpinnerComponent>
+    <SpinnerComponent width="8" height="8" fillColor="white"></SpinnerComponent>
   </div>
   <div class="blur-container" v-if="!loadingWalletTransactions">
     <div
diff --git a/src/components/SearchComponent.vue b/src/components/SearchComponent.vue
index 57b18ef..2a1736d 100644
--- a/src/components/SearchComponent.vue
+++ b/src/components/SearchComponent.vue
@@ -197,7 +197,7 @@ watch(walletAddress, (): void => {
           <SpinnerComponent
             width="4"
             height="4"
-            color="blue-600"
+            fillColor="white"
           ></SpinnerComponent>
         </div>
         <div
diff --git a/src/components/SpinnerComponent.vue b/src/components/SpinnerComponent.vue
index fc9f7f8..495ed1c 100644
--- a/src/components/SpinnerComponent.vue
+++ b/src/components/SpinnerComponent.vue
@@ -3,7 +3,7 @@
 const props = defineProps({
   width: String,
   height: String,
-  color: String,
+  fillColor: String,
   show: Boolean,
 });
 
@@ -11,7 +11,7 @@ const getCustomClass = () => {
   return [
     `w-${props.width}`,
     `h-${props.height}`,
-    `fill-${props.color}`,
+    `fill-${props.fillColor}`,
     "text-gray-200",
     "animate-spin",
     "dark:text-gray-600",
diff --git a/src/views/ManageBidsView.vue b/src/views/ManageBidsView.vue
index b42d874..1a3f3f3 100644
--- a/src/views/ManageBidsView.vue
+++ b/src/views/ManageBidsView.vue
@@ -23,15 +23,20 @@ const transactionsList = ref<WalletTransaction[]>([]);
 const callWithdraw = async (amount: string) => {
   if (amount) {
     loadingWithdraw.value = true;
-    const withdraw = await withdrawDeposit(amount);
+    let withdraw;
+    try {
+      withdraw = await withdrawDeposit(amount);
+    } catch {
+      loadingWithdraw.value = false;
+    }
+
     if (withdraw) {
       console.log("Saque realizado!");
       await getWalletTransactions();
-      loadingWithdraw.value = false;
     } else {
       console.log("Não foi possível realizar o saque!");
-      loadingWithdraw.value = false;
     }
+    loadingWithdraw.value = false;
   }
 };