diff --git a/src/components/AppLayout/Header/components/Layout.tsx b/src/components/AppLayout/Header/components/Layout.tsx index 01c7a978..dd247b24 100644 --- a/src/components/AppLayout/Header/components/Layout.tsx +++ b/src/components/AppLayout/Header/components/Layout.tsx @@ -19,7 +19,8 @@ import { headerHeight, md, screenSm, sm } from 'src/theme/variables' import { useStateHandler } from 'src/logic/hooks/useStateHandler' import SafeLogo from '../assets/gnosis-safe-multisig-logo.svg' -import { NETWORKSNAMES } from 'src/utils/constants' +import { NETWORK_NAMES } from 'src/utils/constants' +import { getNetworkInfo } from 'src/config' const styles = () => ({ root: { @@ -69,16 +70,8 @@ const styles = () => ({ const Layout = ({ classes, providerDetails, providerInfo }) => { const { clickAway, open, toggle } = useStateHandler() const { clickAway: clickAwayNetworks, open: openNetworks, toggle: toggleNetworks } = useStateHandler() - - const networkList = NETWORKSNAMES.map((network) => { - return ( - <> - - - - ) - }) - + const networkInfo = getNetworkInfo() + console.log(networkInfo) return ( @@ -129,7 +122,12 @@ const Layout = ({ classes, providerDetails, providerInfo }) => { <> - {networkList} + {NETWORK_NAMES.map((network) => ( + + + + + ))} diff --git a/src/utils/constants.ts b/src/utils/constants.ts index c903a831..83f31961 100644 --- a/src/utils/constants.ts +++ b/src/utils/constants.ts @@ -34,4 +34,13 @@ export const SPENDING_LIMIT_MODULE_ADDRESS = export const KNOWN_MODULES = { [SPENDING_LIMIT_MODULE_ADDRESS]: 'Spending limit', } -export const NETWORKSNAMES = ['Ethereum', 'xDai', 'Polygon', 'BSC', 'Arbitrium', 'EWC', 'Rinkeby', 'Volta'] +export const NETWORK_NAMES = [ + { name: 'Ethereum', url: 'https://gnosis-safe.io/app' }, + { name: 'xDai', url: 'https://xdai.gnosis-safe.io/app' }, + { name: 'Polygon', url: 'https://polygon.gnosis-safe.io/app' }, + { name: 'BSC', url: 'https://bsc.gnosis-safe.io/app' }, + { name: 'Arbitrium', url: 'https://arbitrum.gnosis-safe.io/app' }, + { name: 'EWC', url: 'https://ewc.gnosis-safe.io/app' }, + { name: 'Rinkeby', url: 'https://rinkeby.gnosis-safe.io/app' }, + { name: 'Volta', url: 'https://volta.gnosis-safe.io/app' }, +]