Disable submit button on action

AstarNetwork · Sep 29, 2023 · 48cd50a · 48cd50a
1 parent adc4e60
commit 48cd50a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/components/header/modals/ModalAccountUnification.vue b/src/components/header/modals/ModalAccountUnification.vue
@@ -39,6 +39,7 @@
         <step5
           :account-name="accountName"
           :selected-evm-address="selectedEvmAddress"
+          :is-busy="isLoading"
           @next="updateSteps(6)"
         />
       </div>
@@ -93,6 +94,7 @@ export default defineComponent({
     const isClosing = ref<boolean>(false);
     const currentStep = ref<number>(0);
     const { currentAccount } = useAccount();
+    const isLoading = computed<boolean>(() => store.getters['general/isLoading']);
 
     const {
       selectedEvmAddress,
@@ -193,6 +195,7 @@ export default defineComponent({
       isFetchingXc20Tokens,
       isLoadingDappStaking,
       accountName,
+      isLoading,
       closeModal,
       backModal,
       updateSteps,

diff --git a/src/components/header/modals/account-unification/Step5.vue b/src/components/header/modals/account-unification/Step5.vue
@@ -31,7 +31,7 @@
 
     <!-- Action -->
     <div>
-      <astar-button class="btn" @click="next()">
+      <astar-button :disabled="isBusy" class="btn" @click="next()">
         {{ $t('dappStaking.modals.submit') }}
       </astar-button>
     </div>
@@ -55,6 +55,10 @@ export default defineComponent({
       type: String,
       required: true,
     },
+    isBusy: {
+      type: Boolean,
+      required: true,
+    },
   },
   emits: ['next'],
   setup(props, { emit }) {