fix: remove modal close on random clicks

hassnian · Jul 15, 2024 · 3ecacbc · 3ecacbc
1 parent e5bffd8
commit 3ecacbc
Show file tree

Hide file tree

Showing 10 changed files with 7 additions and 157 deletions.
diff --git a/components/collection/drop/AddFundsModal.vue b/components/collection/drop/AddFundsModal.vue
@@ -1,7 +1,6 @@
 <template>
   <NeoModal
     :value="modelValue"
-    :can-cancel="['outside', 'escape']"
     content-class="add-funds-modal !w-[unset]"
     @close="onClose">
     <ModalBody

diff --git a/components/collection/drop/modal/PaidMint.vue b/components/collection/drop/modal/PaidMint.vue
@@ -1,8 +1,5 @@
 <template>
-  <NeoModal
-    :value="modelValue"
-    :can-cancel="isSigningStep ? false : ['outside', 'escape']"
-    @close="close">
+  <NeoModal :value="modelValue" @close="close">
     <ModalBody
       :title="title"
       :scrollable="false"

diff --git a/components/collection/unlockable/UnlockableLoader.vue b/components/collection/unlockable/UnlockableLoader.vue
diff --git a/components/common/autoTeleport/AutoTeleportModal.vue b/components/common/autoTeleport/AutoTeleportModal.vue
@@ -1,9 +1,5 @@
 <template>
-  <NeoModal
-    :value="isModalActive"
-    :can-cancel="canCancel"
-    class="z-[1000]"
-    @close="onClose">
+  <NeoModal :value="isModalActive" class="z-[1000]" @close="onClose">
     <div class="sm:w-[25rem]">
       <ModalBody
         :title="$i18n.t('autoTeleport.signTransactions')"
@@ -215,10 +211,6 @@ const autoteleportFinalized = computed(() =>
     : hasCompletedActionPreSteps.value,
 )
 
-const canCancel = computed(() =>
-  autoteleportFinalized.value ? ['outside', 'escape'] : false,
-)
-
 const btnLabel = computed<string>(() => {
   if (!hasActions.value && isBalanceCheckCompleted.value) {
     return $i18n.t('redirect.continue')

diff --git a/components/common/autoTeleport/AutoTeleportWelcomeModal.vue b/components/common/autoTeleport/AutoTeleportWelcomeModal.vue
@@ -1,9 +1,5 @@
 <template>
-  <NeoModal
-    :value="isModalActive"
-    :can-cancel="['outside', 'escape']"
-    class="z-[1000]"
-    @close="onClose">
+  <NeoModal :value="isModalActive" class="z-[1000]" @close="onClose">
     <div class="sm:w-[40rem]">
       <header class="py-5 pl-6 pr-5 flex justify-between items-center">
         <span class="capitalize text-[1.6rem] font-bold">

diff --git a/components/common/confirmPurchaseModal/ConfirmPurchaseModal.vue b/components/common/confirmPurchaseModal/ConfirmPurchaseModal.vue
@@ -1,7 +1,6 @@
 <template>
   <NeoModal
     :value="isModalActive"
-    :can-cancel="['outside', 'escape']"
     class="z-[1000]"
     content-class="!w-[unset]"
     @close="onClose">

diff --git a/components/common/successfulModal/SuccessfulModal.vue b/components/common/successfulModal/SuccessfulModal.vue
@@ -1,8 +1,5 @@
 <template>
-  <NeoModal
-    :value="isModalActive"
-    :can-cancel="['outside', 'escape']"
-    @close="onClose">
+  <NeoModal :value="isModalActive" @close="onClose">
     <ModalBody :title="$t('success')" @close="onClose">
       <SuccessfulModalBody
         :tx-hash="txHash"

diff --git a/components/drops/CreateCalendarEventModal.vue b/components/drops/CreateCalendarEventModal.vue
@@ -1,8 +1,5 @@
 <template>
-  <NeoModal
-    :value="isModalActive"
-    :can-cancel="['outside', 'escape']"
-    @close="onClose">
+  <NeoModal :value="isModalActive" @close="onClose">
     <ModalBody :title="$t('drops.createACalendarEvent')" @close="onClose">
       <p class="capitalize">
         {{ title }}

diff --git a/components/shared/TransactionLoader.vue b/components/shared/TransactionLoader.vue
@@ -102,7 +102,7 @@ const props = withDefaults(
     isMobile?: boolean
   }>(),
   {
-    canCancel: true,
+    canCancel: false,
     isMobile: false,
   },
 )

diff --git a/libs/ui/src/components/NeoModal/NeoModal.vue b/libs/ui/src/components/NeoModal/NeoModal.vue
@@ -45,7 +45,7 @@ const props = withDefaults(
   }>(),
   {
     destroyOnHide: true,
-    canCancel: true,
+    canCancel: false,
     fullScreen: false,
     contentClass: '',
     rootClass: '',