Merge pull request #1739 from balancednetwork/feat/add-hyperevm

Add HyperEVM

Author: hetfly

.DS_Store

@@ -22,9 +22,9 @@
     "@reach/tabs": "0.18.0",
     "@reduxjs/toolkit": "2.2.0",
     "@sentry/react": "9.26.0",
-    "@sodax/dapp-kit": "0.0.1-rc.29",
-    "@sodax/sdk": "0.0.1-rc.43",
-    "@sodax/types": "0.0.1-rc.18",
+    "@sodax/dapp-kit": "0.0.1-rc.31",
+    "@sodax/sdk": "0.0.1-rc.45",
+    "@sodax/types": "0.0.1-rc.19",
     "@sodax/wallet-sdk-core": "0.0.1-rc.2",
     "@tanstack/react-query": "5.29.2",
     "@uniswap/token-lists": "1.0.0-beta.30",

apps/web/package.json

@@ -296,7 +296,7 @@ export function CurrencySearch({
     ) {
       items = items.filter(item => balancedSupportedChains.includes(item as any));
     } else {
-      items = items.filter(item => item !== 'sonic');
+      items = items.filter(item => item !== 'sonic' && item !== 'hyper');
     }
     return items.sort((a, b) => {
       return xChainMap[a].name.localeCompare(xChainMap[b].name);

apps/web/public/icons/chains/hyper.svg

@@ -90,7 +90,7 @@ const WalletItem = ({ name, xChainType, logo, description, border, xChains, swit
           <XChainsWrap signedIn={!!address}>
             {xChains.map(chain => (
               <Box key={chain.xChainId} onClick={() => handleSwitchChain(chain)} style={{ cursor: 'pointer' }}>
-                <ChainLogo chain={chain} size="19px" key={chain.xChainId} />
+                <ChainLogo chain={chain} size="18px" key={chain.xChainId} />
               </Box>
             ))}
           </XChainsWrap>

apps/web/src/app/components/SearchModal/CurrencySearch.tsx

@@ -112,6 +112,7 @@ export default function WalletModal() {
           'binance',
           'base',
           'sonic',
+          'hyper',
         ],
         xChains: Object.values(xChainMap)
           .filter(xChain => getXChainType(xChain.xChainId) === 'EVM' && !xChain.testnet)

apps/web/src/app/components/WalletModal/WalletItem.tsx

@@ -175,11 +175,11 @@ export const XChainsWrap = styled.div<{ signedIn: boolean }>`
   `};
 
   img {
-    margin: 5px 6px;
+    margin: 5px;
   }
 
   @media screen and (min-width: ${mobileWalletBreakpoint}) {
-    max-width: 236px;
+    max-width: 242px;
     margin-bottom: 0;
   }
 `;

apps/web/src/app/components/WalletModal/index.tsx

@@ -78,7 +78,11 @@ const SavingsChainSelector = ({
     if (signedWallets.length === 0) {
       return xChains
         .filter(
-          chain => chain.xChainId !== 'archway-1' && chain.xChainId !== '0x100.icon' && chain.xChainId !== 'sonic',
+          chain =>
+            chain.xChainId !== 'archway-1' &&
+            chain.xChainId !== '0x100.icon' &&
+            chain.xChainId !== 'sonic' &&
+            chain.xChainId !== 'hyper',
         )
         .map(({ xChainId }) => ({
           xChainId,
@@ -90,7 +94,13 @@ const SavingsChainSelector = ({
     }
 
     return xChains
-      .filter(chain => chain.xChainId !== 'archway-1' && chain.xChainId !== '0x100.icon' && chain.xChainId !== 'sonic')
+      .filter(
+        chain =>
+          chain.xChainId !== 'archway-1' &&
+          chain.xChainId !== '0x100.icon' &&
+          chain.xChainId !== 'sonic' &&
+          chain.xChainId !== 'hyper',
+      )
       .map(({ xChainId }) => {
         const isWalletConnected = signedWallets.some(wallet => wallet.xChainId === xChainId);
         const lockedAmount = lockedAmounts?.[xChainId]

apps/web/src/app/components/WalletModal/styled.ts

@@ -40,6 +40,7 @@ export const COINGECKO_COIN_IDS = {
   afSUI: 'aftermath-staked-sui',
   // mSUI: '', // Not confirmed on CoinGecko
   // S: 'sonic', // Sonic Labs blockchain (formerly Fantom) native token - Chain ID 146
+  HYPE: 'hyperliquid',
 } as const;
 
 // Chart time periods supported by CoinGecko