diff --git a/apps/cowswap-frontend/src/common/pure/NetworksList/index.tsx b/apps/cowswap-frontend/src/common/pure/NetworksList/index.tsx index 418ac3b5bb..09ec022ee1 100644 --- a/apps/cowswap-frontend/src/common/pure/NetworksList/index.tsx +++ b/apps/cowswap-frontend/src/common/pure/NetworksList/index.tsx @@ -1,12 +1,14 @@ import { getChainInfo } from '@cowprotocol/common-const' import { getExplorerBaseUrl } from '@cowprotocol/common-utils' import { SupportedChainId } from '@cowprotocol/cow-sdk' -import { ExternalLink } from '@cowprotocol/ui' +import { Badge, BadgeTypes, ExternalLink } from '@cowprotocol/ui' import { Trans } from '@lingui/macro' import * as styledEl from './styled' +const NEW_NETWORK_ID = 8453 + export interface NetworksListProps { currentChainId: SupportedChainId | null isDarkMode: boolean @@ -25,11 +27,17 @@ export function NetworksList(props: NetworksListProps) { const isActive = targetChainId === currentChainId const logoUrl = getLogo(isDarkMode, isActive, logo.dark, logo.light) + const isNewNetwork = targetChainId === NEW_NETWORK_ID const rowContent = ( onSelectChain(targetChainId)} active={isActive}> {label} + {isNewNetwork && ( + + NEW + + )} {isActive && } )