Merge pull request #563 from lidofinance/feature/si-1728-wsteth-on-me…

…tis-banner-on-widget Metis multichain banner
lidofinance · Dec 19, 2024 · 75ac190 · 75ac190
2 parents 163661a + 5929319
commit 75ac190
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 0 deletions.
diff --git a/assets/icons/lido-multichain/metis.svg b/assets/icons/lido-multichain/metis.svg
diff --git a/consts/chains.ts b/consts/chains.ts
@@ -21,6 +21,7 @@ export enum LIDO_MULTICHAIN_CHAINS {
   'Mode Chain' = 34443,
   'Zircuit Chain' = 48900,
   Unichain = 130,
+  Metis = 1088,
 }
 
 // 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
@@ -14,6 +14,7 @@ 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 { ReactComponent as MetisLogo } from 'assets/icons/lido-multichain/metis.svg';
 
 import { config } from 'config';
 import { LIDO_MULTICHAIN_CHAINS } from 'consts/chains';
@@ -41,6 +42,7 @@ const multichainLogos = {
   [LIDO_MULTICHAIN_CHAINS['Mode Chain']]: ModeLogo,
   [LIDO_MULTICHAIN_CHAINS['Zircuit Chain']]: ZircuitLogo,
   [LIDO_MULTICHAIN_CHAINS.Unichain]: UnichainLogo,
+  [LIDO_MULTICHAIN_CHAINS.Metis]: MetisLogo,
 };
 
 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
@@ -83,6 +83,10 @@ export const Wrap = styled((props) => <Card {...props} />)<WrapProps>`
         return css`
           background: linear-gradient(52.01deg, #fc0fa4 0.01%, #8e1459 100%);
         `;
+      case LIDO_MULTICHAIN_CHAINS.Metis:
+        return css`
+          background: linear-gradient(52.01deg, #00cfff 0.01%, #1d3fd4 100%);
+        `;
       default:
         return css`
           background: linear-gradient(