From db8e3dfca341964ff25a915dc8e31bcd6af8cfeb Mon Sep 17 00:00:00 2001
From: Jack Hamer <47187316+JackHamer09@users.noreply.github.com>
Date: Mon, 29 Jan 2024 16:15:49 +0200
Subject: [PATCH] fix: temporarily disable deposits (#157)

---
 pages/index.vue | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/pages/index.vue b/pages/index.vue
index 9347656dd..5e23a42f2 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,11 +1,38 @@
 <template>
   <ModalTransactionDepositUnavailable />
 
-  <DepositView />
+  <div v-if="depositDisabled">
+    <PageTitle>Bridge</PageTitle>
+    <CommonAlert variant="warning" :icon="ExclamationTriangleIcon" class="mb-block-gap">
+      <p>
+        We are updating our systems. To prevent any inconveniences, bridging to
+        {{ eraNetwork.name }} is temporarily disabled. Please check back in 15-30 minutes.
+      </p>
+    </CommonAlert>
+
+    <div class="mt-5 flex flex-wrap items-center justify-center gap-block-gap">
+      <CommonButton as="RouterLink" :to="{ name: 'assets' }" size="xs">Go to Assets page</CommonButton>
+      <CommonButton size="xs" as="RouterLink" :to="{ name: 'withdraw' }">
+        Bridge to {{ destinations.ethereum.label }}
+      </CommonButton>
+    </div>
+  </div>
+  <DepositView v-else />
 </template>
 
 <script lang="ts" setup>
+import { computed } from "vue";
+
+import { ExclamationTriangleIcon } from "@heroicons/vue/24/outline";
+import { storeToRefs } from "pinia";
+
+import { useDestinationsStore } from "@/store/destinations";
+import { useZkSyncProviderStore } from "@/store/zksync/provider";
 import DepositView from "@/views/transactions/Deposit.vue";
+
+const { destinations } = storeToRefs(useDestinationsStore());
+const { eraNetwork } = storeToRefs(useZkSyncProviderStore());
+const depositDisabled = computed(() => eraNetwork.value.key === "mainnet");
 </script>
 
 <style lang="scss" scoped></style>