Merge pull request kodadot#9786 from hassnian/issue-9774

feat: Massmint confirmation modal loading wheel
hassnian · Mar 17, 2024 · 773bd24 · 773bd24
2 parents 79044e2 + c06d916
commit 773bd24
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/components/collection/drop/modal/PaidMint.vue b/components/collection/drop/modal/PaidMint.vue
@@ -87,14 +87,17 @@ const mintButton = computed(() => {
 
   if (generatingVariations) {
     return {
-      label: `${$i18n.t('drops.generatingVariations')} ~ 5s `,
+      label: `${$i18n.t('drops.generatingVariations')} ~ 5s`,
       disabled: true,
       loading: true,
     }
   }
 
   if (!canMint.value) {
-    return { label: $i18n.t('loader.ipfs'), disabled: true }
+    return {
+      label: `${$i18n.t('loader.ipfs')} ~ 15s`,
+      disabled: true,
+    }
   }
 
   return { label: $i18n.t('drops.proceedToSigning'), disabled: false }

diff --git a/components/collection/drop/modal/paid/MintOverview.vue b/components/collection/drop/modal/paid/MintOverview.vue
@@ -57,6 +57,7 @@
       ref="autoteleport"
       :label="mintButton.label"
       :disabled="mintButton.disabled"
+      :loading="mintButton.disabled"
       :amount="minimumFunds"
       :actions="[action]"
       :parent-ready="!modalLoading"

diff --git a/components/common/autoTeleport/AutoTeleportActionButton.vue b/components/common/autoTeleport/AutoTeleportActionButton.vue
@@ -48,6 +48,8 @@
         variant="k-accent"
         no-shadow
         :disabled="isDisabled"
+        :loading="loading"
+        :loading-with-label="loading"
         class="flex flex-grow btn-height capitalize"
         @click="handleSubmit" />
     </div>
@@ -108,6 +110,7 @@ const props = withDefaults(
     interaction?: ActionlessInteraction
     hideTop?: boolean
     parentReady?: boolean
+    loading?: boolean
   }>(),
   {
     autoCloseModalDelayModal: undefined,
@@ -119,6 +122,7 @@ const props = withDefaults(
     label: '',
     hideTop: false,
     parentReady: true,
+    loading: false,
   },
 )