diff --git a/frontend/.env.production b/frontend/.env.production index 2249c11a8..3b525940d 100644 --- 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 index b0112b73b..eb72a679c 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -2,14 +2,13 @@ <div class="app-content flex min-h-screen w-full flex-col bg-gradient-to-b from-black to-teal font-sans text-white antialiased" > - <Banner></Banner> <div class="container mx-auto max-w-5xl"> <a href="https://beamerbridge.com" target="_blank"> <img class="mt-6 ml-6 w-[10rem] md:w-[15rem]" src="@/assets/images/logo.svg" alt="logo" /></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 @@ -18,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" @@ -50,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'; @@ -62,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);