feat: hemi network

apps/web/src/config.ts

@@ -62,10 +62,9 @@ export const DISABLED_CHAIN_IDS = [
   ChainId.PALM,
   ChainId.HECO,
   ChainId.OKEX,
-  ChainId.HEMI,
 ] as const
 
-export const NEW_CHAIN_IDS = [ChainId.SONIC] as const
+export const NEW_CHAIN_IDS = [ChainId.HEMI] as const
 
 export const PREFERRED_CHAINID_ORDER = [
   ...NEW_CHAIN_IDS,
@@ -88,6 +87,7 @@ export const PREFERRED_CHAINID_ORDER = [
   ChainId.GNOSIS,
   ChainId.ROOTSTOCK,
   ChainId.SONIC,
+  ChainId.HEMI,
   ChainId.KAVA,
   ChainId.ZKSYNC_ERA,
   ChainId.FANTOM,

packages/ui/src/components/currency/Icon.tsx

@@ -94,6 +94,7 @@ const LOGO: Record<number, string> = {
   [ChainId.ZKLINK]: EthereumLogo,
   [ChainId.APE]: ApeLogo,
   [ChainId.SONIC]: SonicLogo,
+  [ChainId.HEMI]: EthereumLogo,
 }
 
 // function djb2(str: string) {

packages/ui/src/icons/network/circle/HemiCircle.tsx

@@ -0,0 +1,7 @@
+import * as React from 'react'
+
+import { HemiNaked } from '../naked/HemiNaked'
+
+import { IconComponent } from '../../../types'
+
+export const HemiCircle: IconComponent = (props) => <HemiNaked {...props} />

packages/ui/src/icons/network/circle/index.tsx

@@ -24,6 +24,7 @@ import { GnosisCircle } from './GnosisCircle'
 import { HaqqCircle } from './HaqqCircle'
 import { HarmonyCircle } from './HarmonyCircle'
 import { HecoCircle } from './HecoCircle'
+import { HemiCircle } from './HemiCircle'
 import { KavaCircle } from './KavaCircle'
 import { LineaCircle } from './LineaCircle'
 import { MantaCircle } from './MantaCircle'
@@ -72,6 +73,7 @@ export * from './GnosisCircle'
 export * from './HaqqCircle'
 export * from './HarmonyCircle'
 export * from './HecoCircle'
+export * from './HemiCircle'
 export * from './KavaCircle'
 export * from './LineaCircle'
 export * from './MantaCircle'
@@ -145,6 +147,7 @@ export const NETWORK_CIRCLE_ICON: Partial<
   [ChainId.ZKLINK]: ZKLinkCircle,
   [ChainId.APE]: ApeCircle,
   [ChainId.SONIC]: SonicCircle,
+  [ChainId.HEMI]: HemiCircle,
   aptos: AptosCircle,
   tron: TronCircle,
 }

packages/ui/src/icons/network/naked/HemiNaked.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react'
+
+import { NakedNetworkIconComponent } from '../../../types'
+
+export const HemiNaked: NakedNetworkIconComponent = (props) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" {...props}>
+    <path
+      d="M76.267 0c-.64-.107-1.28.32-1.387.96l-7.893 45.867h-5.973L53.12.96c-.107-.64-.747-1.067-1.387-.96C23.467 5.547 1.813 30.08.107 59.947c0 0-.107 1.28-.107 1.92v2.24c0 31.68 22.293 58.133 51.733 64 .64.107 1.28-.32 1.387-.96l7.893-45.867h5.973l7.893 45.973c.107.64.747 1.067 1.387.96 28.16-5.653 49.813-30.08 51.627-59.947 0 0 .107-1.28.107-1.92v-2.24C128 32.213 105.813 5.867 76.267 0"
+      fill="#ff6c15"
+    />
+  </svg>
+)

packages/ui/src/icons/network/naked/index.tsx

@@ -24,6 +24,7 @@ import { GnosisNaked } from './GnosisNaked'
 import { HaqqNaked } from './HaqqNaked'
 import { HarmonyNaked } from './HarmonyNaked'
 import { HecoNaked } from './HecoNaked'
+import { HemiNaked } from './HemiNaked'
 import { KavaNaked } from './KavaNaked'
 import { LineaNaked } from './LineaNaked'
 import { MantaNaked } from './MantaNaked'
@@ -72,6 +73,7 @@ export * from './GnosisNaked'
 export * from './HaqqNaked'
 export * from './HarmonyNaked'
 export * from './HecoNaked'
+export * from './HemiNaked'
 export * from './KavaNaked'
 export * from './LineaNaked'
 export * from './MantaNaked'
@@ -144,6 +146,7 @@ export const NETWORK_NAKED_ICON: Partial<
   [ChainId.ZKLINK]: ZKLinkNaked,
   [ChainId.APE]: ApeNaked,
   [ChainId.SONIC]: SonicNaked,
+  [ChainId.HEMI]: HemiNaked,
   aptos: AptosNaked,
   tron: TronNaked,
 }