From db633bf1c76305aa5b1f9ebc90a61444fe6d893a Mon Sep 17 00:00:00 2001
From: Jack Hamer <47187316+JackHamer09@users.noreply.github.com>
Date: Thu, 6 Jun 2024 17:57:43 +0300
Subject: [PATCH] fix: temp block mainnet bridge (#180)

---
 pages/bridge/index.vue    | 26 +++++++++++++++++++++++++-
 pages/bridge/withdraw.vue | 13 +++++++++----
 2 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/pages/bridge/index.vue b/pages/bridge/index.vue
index 0ebf6e4eb..404992ce4 100644
--- a/pages/bridge/index.vue
+++ b/pages/bridge/index.vue
@@ -1,10 +1,31 @@
 <template>
   <ModalTransactionDepositUnavailable />
 
-  <DepositView />
+  <div v-if="depositsDisabled">
+    <PageTitle>Bridge</PageTitle>
+    <CommonAlert variant="warning" :icon="ExclamationTriangleIcon" class="mb-block-gap">
+      <p>
+        Bridging to {{ eraNetwork.name }} is temporarily disabled because of undergoing upgrade, expected to be
+        completed by June 6th, 22:00 UTC. Please check back later. For more details, visit the
+        <a
+          href="https://github.com/zkSync-Community-Hub/zksync-developers/discussions/519"
+          target="_blank"
+          class="underline underline-offset-2"
+          >upgrade information page</a
+        >.
+      </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>
+    </div>
+  </div>
+  <DepositView v-else />
 </template>
 
 <script lang="ts" setup>
+import { ExclamationTriangleIcon } from "@heroicons/vue/24/outline";
+
 import { bridge as bridgeMeta } from "@/data/meta";
 import DepositView from "@/views/transactions/Deposit.vue";
 
@@ -19,6 +40,9 @@ useSeoMeta({
   twitterImageAlt: bridgeMeta.previewImg.alt,
   twitterCard: "summary_large_image",
 });
+
+const { eraNetwork } = storeToRefs(useZkSyncProviderStore());
+const depositsDisabled = computed(() => eraNetwork.value.key === "mainnet");
 </script>
 
 <style lang="scss" scoped></style>
diff --git a/pages/bridge/withdraw.vue b/pages/bridge/withdraw.vue
index 4f61e89a8..a9d41a3de 100644
--- a/pages/bridge/withdraw.vue
+++ b/pages/bridge/withdraw.vue
@@ -5,14 +5,19 @@
     <PageTitle>Bridge</PageTitle>
     <CommonAlert variant="warning" :icon="ExclamationTriangleIcon" class="mb-block-gap">
       <p>
-        {{ eraNetwork.name }} is going through an upgrade and withdrawals are disabled until it is finished (expected
-        May 7th 18h00 UTC). Please come back later.
+        Bridging from {{ eraNetwork.name }} is temporarily disabled because of undergoing upgrade, expected to be
+        completed by June 7th, 15:00 UTC. Please check back later. For more details, visit the
+        <a
+          href="https://github.com/zkSync-Community-Hub/zksync-developers/discussions/519"
+          target="_blank"
+          class="underline underline-offset-2"
+          >upgrade information page</a
+        >.
       </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: 'bridge' }">Bridge to {{ eraNetwork.name }}</CommonButton>
     </div>
   </div>
   <TransferView v-else type="withdrawal" />
@@ -38,7 +43,7 @@ useSeoMeta({
 });
 
 const { eraNetwork } = storeToRefs(useZkSyncProviderStore());
-const withdrawalsDisabled = computed(() => false);
+const withdrawalsDisabled = computed(() => eraNetwork.value.key === "mainnet");
 </script>
 
 <style lang="scss" scoped></style>