feat: unichain fallback banner

lidofinance · Nov 8, 2024 · 2c75f06 · 2c75f06
1 parent f6d7795
commit 2c75f06
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 0 deletions.
diff --git a/assets/icons/lido-multichain/unichain.svg b/assets/icons/lido-multichain/unichain.svg
diff --git a/consts/chains.ts b/consts/chains.ts
@@ -20,6 +20,7 @@ export enum LIDO_MULTICHAIN_CHAINS {
   'BNB Chain' = 56,
   'Mode Chain' = 34443,
   'Zircuit Chain' = 48900,
+  Unichain = 130,
 }
 
 // TODO: move to @lidofinance/lido-ethereum-sdk package

diff --git a/shared/wallet/fallback/lido-multichain-fallback/lido-multichain-fallback.tsx b/shared/wallet/fallback/lido-multichain-fallback/lido-multichain-fallback.tsx
@@ -13,6 +13,7 @@ import { ReactComponent as ScrollLogo } from 'assets/icons/lido-multichain/scrol
 import { ReactComponent as BNBLogo } from 'assets/icons/lido-multichain/bnb.svg';
 import { ReactComponent as ModeLogo } from 'assets/icons/lido-multichain/mode.svg';
 import { ReactComponent as ZircuitLogo } from 'assets/icons/lido-multichain/zircuit-logo.svg';
+import { ReactComponent as UnichainLogo } from 'assets/icons/lido-multichain/unichain.svg';
 
 import { config } from 'config';
 import { LIDO_MULTICHAIN_CHAINS } from 'consts/chains';
@@ -39,6 +40,7 @@ const multichainLogos = {
   [LIDO_MULTICHAIN_CHAINS['BNB Chain']]: BNBLogo,
   [LIDO_MULTICHAIN_CHAINS['Mode Chain']]: ModeLogo,
   [LIDO_MULTICHAIN_CHAINS['Zircuit Chain']]: ZircuitLogo,
+  [LIDO_MULTICHAIN_CHAINS.Unichain]: UnichainLogo,
 };
 
 const getChainLogo = (chainId: LIDO_MULTICHAIN_CHAINS) => {

diff --git a/shared/wallet/fallback/lido-multichain-fallback/styles.tsx b/shared/wallet/fallback/lido-multichain-fallback/styles.tsx
@@ -79,6 +79,10 @@ export const Wrap = styled((props) => <Card {...props} />)<WrapProps>`
             #01bb81 91.42%
           );
         `;
+      case LIDO_MULTICHAIN_CHAINS.Unichain:
+        return css`
+          background: linear-gradient(52.01deg, #fc0fa4 0.01%, #8e1459 100%);
+        `;
       default:
         return css`
           background: linear-gradient(