From 1b89f37aa58b2c2821e0c7424b7733d30e0bbe8b Mon Sep 17 00:00:00 2001
From: JayJay1024 <lygm1062@gmail.com>
Date: Fri, 15 Mar 2024 18:57:26 +0800
Subject: [PATCH] refactor: warning Darwinia<>Ethereum

---
 src/components/transfer-action.tsx |  5 ++--
 src/components/transfer.tsx        | 41 +++++++++++++++++++++++++-----
 src/config/chains/darwinia.ts      |  2 --
 src/config/chains/ethereum.ts      |  2 --
 4 files changed, 38 insertions(+), 12 deletions(-)

diff --git a/src/components/transfer-action.tsx b/src/components/transfer-action.tsx
index 07e1505b5..8db5b2a69 100644
--- a/src/components/transfer-action.tsx
+++ b/src/components/transfer-action.tsx
@@ -7,13 +7,14 @@ import { Address, isAddress } from "viem";
 import { useAccount, useNetwork, useSwitchNetwork } from "wagmi";
 
 interface Props {
+  forceDisabled?: boolean;
   recipient: Address | undefined;
   transferable: bigint | undefined;
   transferAmount: InputValue<bigint>;
   onTransfer: () => void;
 }
 
-export default function TransferAction({ recipient, transferable, transferAmount, onTransfer }: Props) {
+export default function TransferAction({ recipient, transferable, transferAmount, forceDisabled, onTransfer }: Props) {
   const {
     sourceAllowance,
     sourceChain,
@@ -105,7 +106,7 @@ export default function TransferAction({ recipient, transferable, transferAmount
   ]);
 
   return (
-    <Button busy={busy} disabled={btnDisabled} onClick={handleClick}>
+    <Button busy={busy} disabled={btnDisabled || forceDisabled} onClick={handleClick}>
       {btnText}
     </Button>
   );
diff --git a/src/components/transfer.tsx b/src/components/transfer.tsx
index 608e544a7..6c1569248 100644
--- a/src/components/transfer.tsx
+++ b/src/components/transfer.tsx
@@ -65,6 +65,32 @@ export default function Transfer() {
   const [balanceLoading, setBalanceLoading] = useState(false);
   const [indexerCategory, setIndexerCategory] = useState<BridgeCategory>();
 
+  const alert = useMemo(() => {
+    if (
+      (sourceChain?.network === "darwinia-dvm" && targetChain?.network === "ethereum") ||
+      (sourceChain?.network === "ethereum" && targetChain?.network === "darwinia-dvm")
+    ) {
+      return (
+        <div className="flex flex-wrap items-center justify-center rounded-middle bg-inner p-middle text-center text-sm font-medium text-app-orange">
+          <span>
+            {`Due to the Ethereum upgrade, the Darwinia<>Ethereum bridge is temporarily unavailable. Please use the official`}
+            &nbsp;
+          </span>
+          <a
+            href="https://bridge.arbitrum.io/?destinationChain=ethereum&sourceChain=arbitrum-one"
+            rel="noopener noreferrer"
+            target="_blank"
+            className=" text-primary hover:underline"
+          >
+            Arbitrum bridge
+          </a>
+          <span>&nbsp;{`to route to Darwinia or Ethereum instead.`}</span>
+        </div>
+      );
+    }
+    return null;
+  }, [sourceChain?.network, targetChain?.network]);
+
   const bridgeOptions = useMemo(
     () => getAvailableBridges(sourceChain, targetChain, sourceToken),
     [sourceChain, targetChain, sourceToken],
@@ -349,16 +375,19 @@ export default function Transfer() {
 
         {/* Information */}
         <Label text="Information" textClassName="font-medium">
-          <TransferInfo
-            fee={bridgeFee ? { ...bridgeFee, loading: isLoadingFee || isLoadingRelayers } : undefined}
-            bridge={bridgeInstance}
-            transferLimit={relayersData?.sortedLnBridgeRelayInfos?.transferLimit}
-            isLoadingTransferLimit={isLoadingRelayers}
-          />
+          {alert ?? (
+            <TransferInfo
+              fee={bridgeFee ? { ...bridgeFee, loading: isLoadingFee || isLoadingRelayers } : undefined}
+              bridge={bridgeInstance}
+              transferLimit={relayersData?.sortedLnBridgeRelayInfos?.transferLimit}
+              isLoadingTransferLimit={isLoadingRelayers}
+            />
+          )}
         </Label>
 
         {/* Action */}
         <TransferAction
+          forceDisabled={!!alert}
           transferable={transferable}
           transferAmount={deferredTransferAmount}
           recipient={recipient || address}
diff --git a/src/config/chains/darwinia.ts b/src/config/chains/darwinia.ts
index ea73cf7c4..9b21f6d3c 100644
--- a/src/config/chains/darwinia.ts
+++ b/src/config/chains/darwinia.ts
@@ -68,7 +68,6 @@ export const darwiniaChain: ChainConfig = {
           bridge: { category: "helix-sub2ethv2(lock)" },
           action: "issue",
           min: 1000000000000000000000000n,
-          hidden: true,
         },
       ],
     },
@@ -93,7 +92,6 @@ export const darwiniaChain: ChainConfig = {
           target: { network: "ethereum", symbol: "KTON" },
           bridge: { category: "helix-sub2ethv2(lock)" },
           action: "issue",
-          hidden: true,
         },
       ],
     },
diff --git a/src/config/chains/ethereum.ts b/src/config/chains/ethereum.ts
index 86e9455cc..9d28cd1c2 100644
--- a/src/config/chains/ethereum.ts
+++ b/src/config/chains/ethereum.ts
@@ -44,7 +44,6 @@ export const ethereumChain: ChainConfig = {
           target: { network: "darwinia-dvm", symbol: "RING" },
           bridge: { category: "helix-sub2ethv2(unlock)" },
           action: "redeem",
-          hidden: true,
         },
       ],
     },
@@ -60,7 +59,6 @@ export const ethereumChain: ChainConfig = {
           target: { network: "darwinia-dvm", symbol: "KTON" },
           bridge: { category: "helix-sub2ethv2(unlock)" },
           action: "redeem",
-          hidden: true,
         },
       ],
     },