frontend: add disable bridging option

beamer-bridge · Oct 27, 2023 · 0fe1eec · 0fe1eec
1 parent 44289be
commit 0fe1eec
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/frontend/.env.production b/frontend/.env.production
@@ -2,3 +2,4 @@ VITE_CONFIG_URL=config.production.json
 VITE_FAUCET_ENABLED=false
 VITE_WALLET_CONNECT_PROJECT_ID=b0909ba73ce9e30c4decb50a963c9b2a
 VITE_REQUEST_EXPIRY_SECONDS=86400
+VITE_BRIDGING_DISABLED=true
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
@@ -8,7 +8,7 @@
       /></a>
     </div>
     <div class="pt-2 md:pt-2">
-      <div v-if="configurationLoaded">
+      <div v-if="configurationLoaded && !disabled">
         <router-view v-if="!isBlacklistedWallet" class="z-10" />
         <div
           v-else
@@ -17,6 +17,12 @@
           Your address is on the blocked list.
         </div>
       </div>
+      <div
+        v-else-if="disabled"
+        class="flex h-[90vh] w-full flex-col items-center justify-center px-4 text-center text-4xl text-red"
+      >
+        Bridging is currently paused.
+      </div>
       <div
         v-else-if="configurationError"
         class="flex h-[90vh] w-full flex-col items-center justify-center px-4 text-center text-4xl text-red"
@@ -49,7 +55,6 @@ import { onMounted } from 'vue';
 
 import type { Transfer } from '@/actions/transfers';
 import Footer from '@/components/Footer.vue';
-import Banner from '@/components/layout/Banner.vue';
 import Spinner from '@/components/Spinner.vue';
 import { useContinueInterruptedTransfers } from '@/composables/useContinueInterruptedTransfers';
 import useLoadConfiguration from '@/composables/useLoadConfiguration';
@@ -61,6 +66,8 @@ import MatomoConsentPopup from './components/MatomoConsentPopup.vue';
 import { useClaimCountListeners } from './composables/useClaimCountListeners';
 import { useTransferNotifications } from './composables/useTransferNotifications';
 
+const disabled = import.meta.env.VITE_BRIDGING_DISABLED === 'true';
+
 const { setConfiguration } = useConfiguration();
 const { loadConfiguration, configurationLoaded, configurationError } =
   useLoadConfiguration(setConfiguration);