From b549af40098a872563246afc7e683fd2acc39227 Mon Sep 17 00:00:00 2001
From: yuetloo <contact@yuetloo.com>
Date: Wed, 2 Aug 2023 20:39:54 -0400
Subject: [PATCH] prevent modals from closing when users click outside of the
 modals

---
 vue-app/src/components/ClaimModal.vue         | 2 +-
 vue-app/src/components/ContributionModal.vue  | 2 +-
 vue-app/src/components/ErrorModal.vue         | 2 +-
 vue-app/src/components/MatchingFundsModal.vue | 2 +-
 vue-app/src/components/ReallocationModal.vue  | 2 +-
 vue-app/src/components/SignatureModal.vue     | 2 +-
 vue-app/src/components/TransactionModal.vue   | 2 +-
 vue-app/src/components/WalletModal.vue        | 2 +-
 vue-app/src/components/WithdrawalModal.vue    | 2 +-
 vue-app/src/views/RecipientRegistry.vue       | 1 -
 10 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/vue-app/src/components/ClaimModal.vue b/vue-app/src/components/ClaimModal.vue
index c2e490ac6..0c6957228 100644
--- 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
index f628d076f..ef628ddbb 100644
--- 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
index ccf66b2a5..b5fa2efb0 100644
--- 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
index 34bb0376f..344d4c5b2 100644
--- 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
index 2fba4b54b..c4ecb8053 100644
--- 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
index 392dee202..f9dde3401 100644
--- 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
index de70722f3..be3e4918c 100644
--- 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
index 771e856b2..76f78d93e 100644
--- 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
index 92868d690..516ab8565 100644
--- 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
index 3f7d94345..716964e37 100644
--- 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,