diff --git a/src/components/AppLayout/Header/components/Layout.tsx b/src/components/AppLayout/Header/components/Layout.tsx index db91b909..01c7a978 100644 --- a/src/components/AppLayout/Header/components/Layout.tsx +++ b/src/components/AppLayout/Header/components/Layout.tsx @@ -19,6 +19,7 @@ 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' const styles = () => ({ root: { @@ -69,6 +70,15 @@ const Layout = ({ classes, providerDetails, providerInfo }) => { const { clickAway, open, toggle } = useStateHandler() const { clickAway: clickAwayNetworks, open: openNetworks, toggle: toggleNetworks } = useStateHandler() + const networkList = NETWORKSNAMES.map((network) => { + return ( + <> + + + > + ) + }) + return ( @@ -119,13 +129,7 @@ const Layout = ({ classes, providerDetails, providerInfo }) => { <> - - - - - - - + {networkList} > diff --git a/src/components/AppLayout/Header/components/NetworkLabel.tsx b/src/components/AppLayout/Header/components/NetworkLabel.tsx index 974b8e2d..94d135bf 100644 --- a/src/components/AppLayout/Header/components/NetworkLabel.tsx +++ b/src/components/AppLayout/Header/components/NetworkLabel.tsx @@ -5,7 +5,6 @@ import Col from 'src/components/layout/Col' import Paragraph from 'src/components/layout/Paragraph' import { getNetworkInfo } from 'src/config' import { border, md, screenSm, sm, xs, fontColor } from 'src/theme/variables' -/* import { NETWORKSNAMES } from 'src/utils/constants' */ const networkInfo = getNetworkInfo() @@ -29,13 +28,13 @@ const useStyles = makeStyles({ }, }) -const NetworkLabel = (): React.ReactElement => { +const NetworkLabel = ({ networkName }): React.ReactElement => { const classes = useStyles() return ( - {networkInfo.label} + {networkName} ) diff --git a/src/components/AppLayout/Header/components/NetworkSelector.tsx b/src/components/AppLayout/Header/components/NetworkSelector.tsx index b564b3b8..afee105c 100644 --- a/src/components/AppLayout/Header/components/NetworkSelector.tsx +++ b/src/components/AppLayout/Header/components/NetworkSelector.tsx @@ -53,7 +53,8 @@ class NetworkSelector extends React.Component { <> - + {/* ToDo read the networkname from the current wallet */} + {open ? : }