fix: disable send button while getting quotes

rsksmart · Nov 20, 2024 · 7241c01 · 7241c01
1 parent 750e942
commit 7241c01
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/src/common/styles/_utilities.scss b/src/common/styles/_utilities.scss
@@ -4,4 +4,8 @@
 
 .text-balance {
   text-wrap: balance;
+}
+
+.grecaptcha-badge {
+  bottom:70px !important;
 }
diff --git a/src/pegout/components/PegoutForm.vue b/src/pegout/components/PegoutForm.vue
@@ -69,7 +69,7 @@
         <v-col cols="auto">
             <v-btn-rsk v-if="!pegOutFormState.matches(['loading'])"
             @click="executeRecaptcha"
-            :disabled="!isValid
+            :disabled="!isValid || loading
               || pegOutFormState.matches(['goingHome'])"
             >
             <template #append>
@@ -174,6 +174,7 @@ export default defineComponent({
     const isWalletAuthorizedToSign = ref(true);
     const diffShown = ref(false);
     const clearAmount = ref(false);
+    const loading = ref(true);
 
     const pegOutTxState = useState<PegOutTxState>('pegOutTx');
     const flyoverPegoutState = useState<FlyoverPegoutState>('flyoverPegout');
@@ -390,12 +391,14 @@ export default defineComponent({
     }
 
     function getQuotes() {
+      loading.value = true;
       loadingQuotes.value = true;
       getPegoutQuotes(account.value)
         .catch(handlePegoutError)
         .finally(() => {
           loadingQuotes.value = false;
           showStep.value = true;
+          loading.value = false;
         });
     }
 
@@ -475,6 +478,7 @@ export default defineComponent({
       flyoverResponded,
       clearForError,
       clearAmount,
+      loading,
     };
   },
 });

diff --git a/src/pegout/components/PegoutOption.vue b/src/pegout/components/PegoutOption.vue
@@ -95,7 +95,7 @@
       <template v-else>
         <v-text-field
           :v-model="session.btcDerivedAddress || 'Address needs to be generated'"
-          flat
+          flat readonly
           hide-details
           density="compact"
           rounded="lg"