Merge pull request #707 from clrfund/fix/modal

Prevent modals from closing when users click outside of them
clrfund · Aug 3, 2023 · 405a61a · 405a61a
2 parents aa213de + b549af4
commit 405a61a
Show file tree

Hide file tree

Showing 10 changed files with 9 additions and 10 deletions.
diff --git a/vue-app/src/components/ClaimModal.vue b/vue-app/src/components/ClaimModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <vue-final-modal class="modal-container">
+  <vue-final-modal class="modal-container" background="interactive">
     <div class="modal-body">
       <div v-if="step === 1">
         <h2>{{ $t('claimModal.h2_1') }}</h2>

diff --git a/vue-app/src/components/ContributionModal.vue b/vue-app/src/components/ContributionModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <vue-final-modal class="modal-container">
+  <vue-final-modal class="modal-container" background="interactive">
     <div class="modal-body">
       <div v-if="step === 0">
         <h2>

diff --git a/vue-app/src/components/ErrorModal.vue b/vue-app/src/components/ErrorModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <vue-final-modal class="modal-container">
+  <vue-final-modal class="modal-container" background="interactive">
     <div class="modal-body">
       <div v-if="errorMessage">
         <div class="error">{{ errorMessage }}</div>

diff --git a/vue-app/src/components/MatchingFundsModal.vue b/vue-app/src/components/MatchingFundsModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <vue-final-modal class="modal-container">
+  <vue-final-modal class="modal-container" background="interactive">
     <div class="modal-body">
       <div v-if="step === 1">
         <h3>{{ $t('matchingFundsModal.title', { nativeTokenSymbol }) }}</h3>

diff --git a/vue-app/src/components/ReallocationModal.vue b/vue-app/src/components/ReallocationModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <vue-final-modal class="modal-container">
+  <vue-final-modal class="modal-container" background="interactive">
     <div class="modal-body">
       <div v-if="step === 1">
         <h3>{{ $t('reallocationModal.h3') }}</h3>

diff --git a/vue-app/src/components/SignatureModal.vue b/vue-app/src/components/SignatureModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <vue-final-modal class="modal-container">
+  <vue-final-modal class="modal-container" background="interactive">
     <div class="modal-body">
       <div v-if="requestingSignature" class="loading">
         <loader />

diff --git a/vue-app/src/components/TransactionModal.vue b/vue-app/src/components/TransactionModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <vue-final-modal class="modal-container">
+  <vue-final-modal class="modal-container" background="interactive">
     <div class="modal-body">
       <transaction
         :hash="txHash"

diff --git a/vue-app/src/components/WalletModal.vue b/vue-app/src/components/WalletModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <vue-final-modal class="modal-container">
+  <vue-final-modal class="modal-container" background="interactive">
     <div v-if="connectingWallet" class="modal-body loading">
       <loader />
       <p>{{ $t('walletModal.p1') }}</p>

diff --git a/vue-app/src/components/WithdrawalModal.vue b/vue-app/src/components/WithdrawalModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <vue-final-modal class="modal-container">
+  <vue-final-modal class="modal-container" background="interactive">
     <div class="modal-body">
       <div v-if="step === 1">
         <h3>{{ $t('withdrawalModal.h3_1') }}</h3>

diff --git a/vue-app/src/views/RecipientRegistry.vue b/vue-app/src/views/RecipientRegistry.vue
@@ -131,7 +131,6 @@ import CopyButton from '@/components/CopyButton.vue'
 
 import { chainId, exportBatchSize, recipientRegistryType } from '@/api/core'
 import {
-  RequestType,
   RequestStatus,
   type Request,
   getRequests,