From dc077760a7527cd7bda264f2463cbf1f99b5df8c Mon Sep 17 00:00:00 2001
From: Jack Hamer <jackhamer0990@gmail.com>
Date: Wed, 27 Mar 2024 17:25:14 +0200
Subject: [PATCH] fix: add withdrawal finalization notice

---
 composables/zksync/useTransaction.ts |  1 +
 views/transactions/Transfer.vue      | 24 ++++++++++++++++++++++++
 2 files changed, 25 insertions(+)

diff --git a/composables/zksync/useTransaction.ts b/composables/zksync/useTransaction.ts
index eb3be908c..1d107137b 100644
--- a/composables/zksync/useTransaction.ts
+++ b/composables/zksync/useTransaction.ts
@@ -3,6 +3,7 @@ import { BigNumber, type BigNumberish } from "ethers";
 import { parseEther } from "ethers/lib/utils";
 
 import type { TokenAmount } from "@/types";
+import type { Provider, Signer } from "zksync-ethers";
 
 type TransactionParams = {
   type: "transfer" | "withdrawal";
diff --git a/views/transactions/Transfer.vue b/views/transactions/Transfer.vue
index 18efde923..8f365910f 100644
--- a/views/transactions/Transfer.vue
+++ b/views/transactions/Transfer.vue
@@ -45,6 +45,18 @@
     <form v-else @submit.prevent="">
       <template v-if="step === 'form'">
         <TransactionWithdrawalsAvailableForClaimAlert />
+        <CommonAlert
+          v-if="type === 'withdrawal' && eraNetwork.l1Network?.id === 1 && !isCustomNode"
+          variant="warning"
+          :icon="ExclamationTriangleIcon"
+          class="mb-block-gap"
+        >
+          <p>
+            Starting from {{ manualFinalizationFormattedLocalDate }} you will need to manually claim your funds after a
+            24 hour withdrawal delay. This requires paying another transaction fee on
+            {{ eraNetwork.l1Network?.name }} network.
+          </p>
+        </CommonAlert>
         <CommonInputTransactionAmount
           v-model="amount"
           v-model:error="amountError"
@@ -310,6 +322,18 @@ import type { FeeEstimationParams } from "@/composables/zksync/useFee";
 import type { Token, TokenAmount } from "@/types";
 import type { BigNumberish } from "ethers";
 
+const manualWithdrawalFinalizationStartDate = new Date(Date.UTC(2024, 3, 1, 0, 0, 0)); // 1st of April 2024 00:00:00 UTC
+const manualFinalizationFormattedLocalDate =
+  manualWithdrawalFinalizationStartDate.toLocaleDateString(undefined, {
+    month: "long",
+    day: "numeric",
+  }) +
+  " " +
+  manualWithdrawalFinalizationStartDate.toLocaleTimeString(undefined, {
+    hour: "numeric",
+    minute: "2-digit",
+  });
+
 const props = defineProps({
   type: {
     type: String as PropType<FeeEstimationParams["type"]>,