From 3dd9c6cbdd661390e9f11d8631b6ee63bfc90dd5 Mon Sep 17 00:00:00 2001
From: Tomas Tilnak <tilnak.tomas@gmail.com>
Date: Wed, 19 Nov 2025 13:37:30 +0100
Subject: [PATCH 1/2] ERC20 bridge maintenance mode

---
 .../ReceiveFlow/components/AmountScreen.tsx   | 12 ++++-
 .../ReceiveFlow/components/InitialScreen.tsx  |  5 +-
 .../ReceiveFlow/components/MainScreen.tsx     | 17 +++++--
 .../ReceiveFlow/components/ReviewScreen.tsx   | 42 ++++++++++------
 .../SendFlow/components/AmountScreen.tsx      | 25 +++++++---
 .../SendFlow/components/InitialScreen.tsx     |  5 +-
 .../SendFlow/components/MainScreen.tsx        | 12 ++++-
 .../SendFlow/components/ReviewScreen.tsx      | 50 +++++++++++--------
 .../hooks/useERC20BridgeLocked.ts             |  7 +++
 9 files changed, 121 insertions(+), 54 deletions(-)
 create mode 100644 apps/frontend/src/app/3_organisms/ERC20BridgeDialog/hooks/useERC20BridgeLocked.ts

diff --git a/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/ReceiveFlow/components/AmountScreen.tsx b/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/ReceiveFlow/components/AmountScreen.tsx
index 3501c81d8..91a7d8c2f 100644
--- a/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/ReceiveFlow/components/AmountScreen.tsx
+++ b/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/ReceiveFlow/components/AmountScreen.tsx
@@ -30,6 +30,7 @@ import {
 } from '../../../contexts/receiveflow';
 import { useBridgeService } from '../../../hooks/useBridgeService';
 import { useBridgeValidation } from '../../../hooks/useBridgeValidation';
+import { useERC20BridgeLocked } from '../../../hooks/useERC20BridgeLocked';
 import { useTokenBalance } from '../../../hooks/useTokenBalance';
 
 export const AmountScreen: React.FC = () => {
@@ -79,6 +80,8 @@ export const AmountScreen: React.FC = () => {
     receiver,
   });
 
+  const isBridgeLocked = useERC20BridgeLocked();
+
   return (
     <div>
       {chainId && (
@@ -141,7 +144,12 @@ export const AmountScreen: React.FC = () => {
         }))}
       />
 
-      {isWrongChain ? (
+      {isBridgeLocked ? (
+        <ErrorBadge
+          level={ErrorLevel.Warning}
+          message={t(translations.maintenanceMode.erc20Bridge)}
+        />
+      ) : isWrongChain ? (
         <Button
           onClick={() => chainId && setCurrentChainId(chainId)}
           text={t(translations.erc20Bridge.confirmationScreens.switchNetwork)}
@@ -157,7 +165,7 @@ export const AmountScreen: React.FC = () => {
           className="w-full mt-6"
           style={ButtonStyle.secondary}
           dataAttribute="funding-receive-instructions-confirm"
-          disabled={!isValid}
+          disabled={!isValid || isBridgeLocked}
         />
       )}
     </div>
diff --git a/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/ReceiveFlow/components/InitialScreen.tsx b/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/ReceiveFlow/components/InitialScreen.tsx
index 3dfa112aa..02999b110 100644
--- a/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/ReceiveFlow/components/InitialScreen.tsx
+++ b/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/ReceiveFlow/components/InitialScreen.tsx
@@ -10,12 +10,13 @@ import {
   ReceiveFlowContext,
   ReceiveFlowStep,
 } from '../../../contexts/receiveflow';
+import { useERC20BridgeLocked } from '../../../hooks/useERC20BridgeLocked';
 import { Instructions } from '../../Instructions';
 
 export const InitialScreen: React.FC = () => {
   const { account } = useAccount();
   const { set } = useContext(ReceiveFlowContext);
-  const erc20BridgeLocked = false;
+  const isBridgeLocked = useERC20BridgeLocked();
   const onContinueClick = useCallback(() => {
     set(prevState => ({ ...prevState, step: ReceiveFlowStep.MAIN }));
   }, [set]);
@@ -24,7 +25,7 @@ export const InitialScreen: React.FC = () => {
     <div>
       <Instructions />
 
-      {erc20BridgeLocked ? (
+      {isBridgeLocked ? (
         <ErrorBadge
           level={ErrorLevel.Warning}
           message={t(translations.maintenanceMode.erc20Bridge)}
diff --git a/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/ReceiveFlow/components/MainScreen.tsx b/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/ReceiveFlow/components/MainScreen.tsx
index c50be0ccf..b6384e9fd 100644
--- a/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/ReceiveFlow/components/MainScreen.tsx
+++ b/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/ReceiveFlow/components/MainScreen.tsx
@@ -7,6 +7,8 @@ import {
   AmountInput,
   Button,
   ButtonStyle,
+  ErrorBadge,
+  ErrorLevel,
   Paragraph,
   Select,
 } from '@sovryn/ui';
@@ -22,6 +24,7 @@ import {
   ReceiveFlowStep,
 } from '../../../contexts/receiveflow';
 import { useAssetsByTargetChain } from '../../../hooks/useBridgeAssets';
+import { useERC20BridgeLocked } from '../../../hooks/useERC20BridgeLocked';
 import { useTokenBalance } from '../../../hooks/useTokenBalance';
 import { Limits } from '../../Limits';
 import { NetworkRenderer } from '../../NetworkRenderer';
@@ -34,6 +37,7 @@ export const MainScreen: React.FC = () => {
   const isWrongChain = currentChainId !== chainId;
   const { data: tokenBalance } = useTokenBalance(token, chainId);
   const assetDetails = useTokenDetailsByAsset(token, chainId);
+  const isBridgeLocked = useERC20BridgeLocked();
 
   const balance = formatUnits(tokenBalance || '0', assetDetails?.decimals);
 
@@ -119,7 +123,12 @@ export const MainScreen: React.FC = () => {
         />
       </div>
 
-      {isWrongChain ? (
+      {isBridgeLocked ? (
+        <ErrorBadge
+          level={ErrorLevel.Warning}
+          message={t(translations.maintenanceMode.erc20Bridge)}
+        />
+      ) : isWrongChain ? (
         <Button
           onClick={() => chainId && setCurrentChainId(chainId)}
           text={t(translations.erc20Bridge.confirmationScreens.switchNetwork)}
@@ -132,7 +141,7 @@ export const MainScreen: React.FC = () => {
         <>
           <AmountInput
             className="w-full max-w-full mb-6"
-            label="Avaiaible Balance"
+            label="Available Balance"
             value={balance}
             readOnly
             unit={token}
@@ -150,7 +159,9 @@ export const MainScreen: React.FC = () => {
             className="w-full mt-12"
             style={ButtonStyle.secondary}
             dataAttribute="funding-receive-instructions-confirm"
-            disabled={!token || !chainId || Number(balance) <= 0}
+            disabled={
+              !token || !chainId || Number(balance) <= 0 || isBridgeLocked
+            }
           />
         </>
       )}
diff --git a/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/ReceiveFlow/components/ReviewScreen.tsx b/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/ReceiveFlow/components/ReviewScreen.tsx
index 94ca76867..f49f01025 100644
--- a/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/ReceiveFlow/components/ReviewScreen.tsx
+++ b/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/ReceiveFlow/components/ReviewScreen.tsx
@@ -5,7 +5,7 @@ import { formatUnits, parseUnits } from 'ethers/lib/utils';
 import { t } from 'i18next';
 
 import { TxStep } from '@sovryn/sdk';
-import { Button } from '@sovryn/ui';
+import { Button, ErrorBadge, ErrorLevel } from '@sovryn/ui';
 
 import { RSK_CHAIN_ID } from '../../../../../../config/chains';
 
@@ -25,6 +25,7 @@ import {
 import { useBridge } from '../../../hooks/useBridge';
 import { useBridgeLimits } from '../../../hooks/useBridgeLimits';
 import { useBridgeService } from '../../../hooks/useBridgeService';
+import { useERC20BridgeLocked } from '../../../hooks/useERC20BridgeLocked';
 import { TxStatusTitle } from '../../TxStatusTitle';
 
 const translation = translations.erc20Bridge.confirmationScreens;
@@ -184,6 +185,8 @@ export const ReviewScreen: React.FC = () => {
   ].includes(transaction.step);
   const isConfirmed = transaction.step === TxStep.CONFIRMED;
 
+  const isBridgeLocked = useERC20BridgeLocked();
+
   return (
     <div className="text-center">
       <TxStatusTitle step={transaction.step} />
@@ -197,22 +200,29 @@ export const ReviewScreen: React.FC = () => {
         ))}
       </div>
 
-      <div className="mt-12">
-        <Button
-          text={
-            isConfirmed
-              ? t(translations.common.buttons.done)
-              : [TxStep.USER_DENIED, TxStep.FAILED].includes(transaction.step)
-              ? t(translations.common.buttons.retry)
-              : t(translations.common.buttons.confirm)
-          }
-          onClick={isConfirmed ? handleErc20BridgeDialogClose : handleSubmit}
-          loading={isLoading}
-          disabled={isLoading}
-          className="w-full"
-          dataAttribute="erc20-receive-confirm"
+      {isBridgeLocked ? (
+        <ErrorBadge
+          level={ErrorLevel.Warning}
+          message={t(translations.maintenanceMode.erc20Bridge)}
         />
-      </div>
+      ) : (
+        <div className="mt-12">
+          <Button
+            text={
+              isConfirmed
+                ? t(translations.common.buttons.done)
+                : [TxStep.USER_DENIED, TxStep.FAILED].includes(transaction.step)
+                ? t(translations.common.buttons.retry)
+                : t(translations.common.buttons.confirm)
+            }
+            onClick={isConfirmed ? handleErc20BridgeDialogClose : handleSubmit}
+            loading={isLoading}
+            disabled={isLoading || isBridgeLocked}
+            className="w-full"
+            dataAttribute="erc20-receive-confirm"
+          />
+        </div>
+      )}
     </div>
   );
 };
diff --git a/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/SendFlow/components/AmountScreen.tsx b/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/SendFlow/components/AmountScreen.tsx
index 4a88baf86..3d98a7447 100644
--- a/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/SendFlow/components/AmountScreen.tsx
+++ b/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/SendFlow/components/AmountScreen.tsx
@@ -27,6 +27,7 @@ import { translations } from '../../../../../../locales/i18n';
 import { SendFlowContext, SendFlowStep } from '../../../contexts/sendflow';
 import { useBridgeService } from '../../../hooks/useBridgeService';
 import { useBridgeValidation } from '../../../hooks/useBridgeValidation';
+import { useERC20BridgeLocked } from '../../../hooks/useERC20BridgeLocked';
 import { useTokenBalance } from '../../../hooks/useTokenBalance';
 
 export const AmountScreen: React.FC = () => {
@@ -35,6 +36,7 @@ export const AmountScreen: React.FC = () => {
   const bridgeService = useBridgeService();
   const assetDetails = useTokenDetailsByAsset(token, RSK_CHAIN_ID);
   const { data: tokenBalance } = useTokenBalance(token, RSK_CHAIN_ID);
+  const isBridgeLocked = useERC20BridgeLocked();
 
   const balance = formatUnits(tokenBalance || '0', assetDetails?.decimals);
 
@@ -139,14 +141,21 @@ export const AmountScreen: React.FC = () => {
         }))}
       />
 
-      <Button
-        onClick={onContinueClick}
-        text={t(translations.common.buttons.continue)}
-        className="w-full mt-6"
-        style={ButtonStyle.secondary}
-        dataAttribute="funding-send-instructions-confirm"
-        disabled={!isValid}
-      />
+      {isBridgeLocked ? (
+        <ErrorBadge
+          level={ErrorLevel.Warning}
+          message={t(translations.maintenanceMode.erc20Bridge)}
+        />
+      ) : (
+        <Button
+          onClick={onContinueClick}
+          text={t(translations.common.buttons.continue)}
+          className="w-full mt-6"
+          style={ButtonStyle.secondary}
+          dataAttribute="funding-send-instructions-confirm"
+          disabled={!isValid || isBridgeLocked}
+        />
+      )}
     </div>
   );
 };
diff --git a/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/SendFlow/components/InitialScreen.tsx b/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/SendFlow/components/InitialScreen.tsx
index d407e15df..a6f50162f 100644
--- a/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/SendFlow/components/InitialScreen.tsx
+++ b/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/SendFlow/components/InitialScreen.tsx
@@ -7,12 +7,13 @@ import { Button, ButtonStyle, ErrorBadge, ErrorLevel } from '@sovryn/ui';
 import { useAccount } from '../../../../../../hooks/useAccount';
 import { translations } from '../../../../../../locales/i18n';
 import { SendFlowContext, SendFlowStep } from '../../../contexts/sendflow';
+import { useERC20BridgeLocked } from '../../../hooks/useERC20BridgeLocked';
 import { Instructions } from '../../Instructions';
 
 export const InitialScreen: React.FC = () => {
   const { account } = useAccount();
   const { set } = useContext(SendFlowContext);
-  const erc20BridgeLocked = false;
+  const isBridgeLocked = useERC20BridgeLocked();
   const onContinueClick = useCallback(
     () => set(prevState => ({ ...prevState, step: SendFlowStep.MAIN })),
     [set],
@@ -22,7 +23,7 @@ export const InitialScreen: React.FC = () => {
     <div>
       <Instructions />
 
-      {erc20BridgeLocked ? (
+      {isBridgeLocked ? (
         <ErrorBadge
           level={ErrorLevel.Warning}
           message={t(translations.maintenanceMode.erc20Bridge)}
diff --git a/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/SendFlow/components/MainScreen.tsx b/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/SendFlow/components/MainScreen.tsx
index 73f000931..e0d8192f0 100644
--- a/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/SendFlow/components/MainScreen.tsx
+++ b/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/SendFlow/components/MainScreen.tsx
@@ -7,6 +7,8 @@ import {
   AmountInput,
   Button,
   ButtonStyle,
+  ErrorBadge,
+  ErrorLevel,
   Paragraph,
   Select,
 } from '@sovryn/ui';
@@ -19,6 +21,7 @@ import { translations } from '../../../../../../locales/i18n';
 import { SendFlowContext, SendFlowStep } from '../../../contexts/sendflow';
 import { useBridgeAggregatorBalance } from '../../../hooks/useBridgeAggregatorBalance';
 import { useAssetsBySourceChain } from '../../../hooks/useBridgeAssets';
+import { useERC20BridgeLocked } from '../../../hooks/useERC20BridgeLocked';
 import { Limits } from '../../Limits';
 import { NetworkRenderer } from '../../NetworkRenderer';
 
@@ -32,6 +35,7 @@ export const MainScreen: React.FC = () => {
   );
   const { currentChainId, setCurrentChainId } = useChainStore();
   const isWrongChain = currentChainId !== RSK_CHAIN_ID;
+  const isBridgeLocked = useERC20BridgeLocked();
 
   const uniqueAssets = assets.filter(
     (asset, index, arr) =>
@@ -128,7 +132,12 @@ export const MainScreen: React.FC = () => {
 
       <Limits sourceChain={RSK_CHAIN_ID} targetChain={chainId} asset={token} />
 
-      {isWrongChain ? (
+      {isBridgeLocked ? (
+        <ErrorBadge
+          level={ErrorLevel.Warning}
+          message={t(translations.maintenanceMode.erc20Bridge)}
+        />
+      ) : isWrongChain ? (
         <Button
           onClick={() => setCurrentChainId(RSK_CHAIN_ID)}
           text={t(translations.erc20Bridge.confirmationScreens.switchNetwork)}
@@ -145,6 +154,7 @@ export const MainScreen: React.FC = () => {
           style={ButtonStyle.secondary}
           dataAttribute="funding-send-instructions-confirm"
           disabled={
+            isBridgeLocked ||
             !token ||
             !chainId ||
             !aggregatorBalance ||
diff --git a/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/SendFlow/components/ReviewScreen.tsx b/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/SendFlow/components/ReviewScreen.tsx
index 55c83c190..46abf8a55 100644
--- a/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/SendFlow/components/ReviewScreen.tsx
+++ b/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/components/SendFlow/components/ReviewScreen.tsx
@@ -5,7 +5,7 @@ import { formatUnits, parseUnits } from 'ethers/lib/utils';
 import { t } from 'i18next';
 
 import { TxStep } from '@sovryn/sdk';
-import { Button } from '@sovryn/ui';
+import { Button, ErrorBadge, ErrorLevel } from '@sovryn/ui';
 
 import { RSK_CHAIN_ID } from '../../../../../../config/chains';
 
@@ -22,6 +22,7 @@ import { SendFlowContext, SendFlowStep } from '../../../contexts/sendflow';
 import { useBridge } from '../../../hooks/useBridge';
 import { useBridgeLimits } from '../../../hooks/useBridgeLimits';
 import { useBridgeService } from '../../../hooks/useBridgeService';
+import { useERC20BridgeLocked } from '../../../hooks/useERC20BridgeLocked';
 import { TxStatusTitle } from '../../TxStatusTitle';
 
 const translation = translations.erc20Bridge.confirmationScreens;
@@ -178,6 +179,8 @@ export const ReviewScreen: React.FC = () => {
     TxStep.PENDING,
   ].includes(transaction.step);
 
+  const isBridgeLocked = useERC20BridgeLocked();
+
   return (
     <div className="text-center">
       <TxStatusTitle step={transaction.step} />
@@ -191,26 +194,33 @@ export const ReviewScreen: React.FC = () => {
         ))}
       </div>
 
-      <div className="mt-12">
-        <Button
-          text={
-            transaction.step === TxStep.CONFIRMED
-              ? t(translations.common.buttons.done)
-              : [TxStep.USER_DENIED, TxStep.FAILED].includes(transaction.step)
-              ? t(translations.common.buttons.retry)
-              : t(translations.common.buttons.confirm)
-          }
-          onClick={
-            transaction.step === TxStep.CONFIRMED
-              ? handleErc20BridgeDialogClose
-              : handleSubmit
-          }
-          loading={isLoading}
-          disabled={isLoading}
-          className="w-full"
-          dataAttribute="erc20-send-confirm"
+      {isBridgeLocked ? (
+        <ErrorBadge
+          level={ErrorLevel.Warning}
+          message={t(translations.maintenanceMode.erc20Bridge)}
         />
-      </div>
+      ) : (
+        <div className="mt-12">
+          <Button
+            text={
+              transaction.step === TxStep.CONFIRMED
+                ? t(translations.common.buttons.done)
+                : [TxStep.USER_DENIED, TxStep.FAILED].includes(transaction.step)
+                ? t(translations.common.buttons.retry)
+                : t(translations.common.buttons.confirm)
+            }
+            onClick={
+              transaction.step === TxStep.CONFIRMED
+                ? handleErc20BridgeDialogClose
+                : handleSubmit
+            }
+            loading={isLoading}
+            disabled={isLoading || isBridgeLocked}
+            className="w-full"
+            dataAttribute="erc20-send-confirm"
+          />
+        </div>
+      )}
     </div>
   );
 };
diff --git a/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/hooks/useERC20BridgeLocked.ts b/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/hooks/useERC20BridgeLocked.ts
new file mode 100644
index 000000000..59e71bbb4
--- /dev/null
+++ b/apps/frontend/src/app/3_organisms/ERC20BridgeDialog/hooks/useERC20BridgeLocked.ts
@@ -0,0 +1,7 @@
+import { useMemo } from 'react';
+
+export const useERC20BridgeLocked = () => {
+  // TODO: Replace with real maintenance state check when available
+  // For now, just return false (not locked) or true (locked) for testing
+  return useMemo(() => true, []); // Change to true to simulate maintenance mode
+};

From 7b8e5bfdf5f33cf18b8cab71dc02eb2e9a4e836d Mon Sep 17 00:00:00 2001
From: tiltom <tiltom.defi@protonmail.com>
Date: Wed, 19 Nov 2025 14:39:19 +0200
Subject: [PATCH 2/2] Create tasty-scissors-joke.md

---
 .changeset/tasty-scissors-joke.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/tasty-scissors-joke.md

diff --git a/.changeset/tasty-scissors-joke.md b/.changeset/tasty-scissors-joke.md
new file mode 100644
index 000000000..d3c9e6ed7
--- /dev/null
+++ b/.changeset/tasty-scissors-joke.md
@@ -0,0 +1,5 @@
+---
+"frontend": patch
+---
+
+ERC20 bridge maintenance mode