import OPTIMISM_LOGO_URL from '../assets/images/optimism.svg' ; import ARBITRUM_LOGO_URL from '../assets/images/arbitrum.svg' ; import ETHEREUM_LOGO_URL from '../assets/images/ethereum-logo.png' ; import POLYGON_LOGO_URL from '../assets/images/polygon-logo.png' ; export enum SupportedNetwork { ETHEREUM , ARBITRUM , OPTIMISM , POLYGON } export type NetworkInfo = { id : SupportedNetwork ; route : string ; name : string ; imageURL : string ; bgColor : string ; primaryColor : string ; secondaryColor : string ; blurb ? : string ; } ; export const EthereumNetworkInfo = { id : SupportedNetwork . ETHEREUM , route : '' , name : 'Ethereum' , bgColor : '#fc077d' , primaryColor : '#fc077d' , secondaryColor : '#2172E5' , imageURL : ETHEREUM_LOGO_URL , } ; export const ArbitrumNetworkInfo = { id : SupportedNetwork . ARBITRUM , route : 'arbitrum' , name : 'Arbitrum' , imageURL : ARBITRUM_LOGO_URL , bgColor : '#0A294B' , primaryColor : '#0490ED' , secondaryColor : '#96BEDC' , blurb : 'Beta' , } ; export const OptimismNetworkInfo = { id : SupportedNetwork . OPTIMISM , route : 'optimism' , name : 'Optimism' , bgColor : '#F01B36' , primaryColor : '#F01B36' , secondaryColor : '#FB7876' , imageURL : OPTIMISM_LOGO_URL , blurb : 'Beta' , } ; export const PolygonNetworkInfo = { id : SupportedNetwork . POLYGON , route : 'polygon' , name : 'Polygon' , bgColor : '#8247e5' , primaryColor : '#8247e5' , secondaryColor : '#FB7876' , imageURL : POLYGON_LOGO_URL , blurb : '' , } ; export const SUPPORTED_NETWORK_VERSIONS = [ EthereumNetworkInfo , PolygonNetworkInfo , OptimismNetworkInfo , ArbitrumNetworkInfo , ] ;