add Check icon - sample

This commit is contained in:
Agustín Longoni 2021-06-01 11:10:43 -03:00
parent 2d6cbb21f5
commit edfbf4b649
2 changed files with 5 additions and 4 deletions

View File

@ -5,7 +5,7 @@ import Popper from '@material-ui/core/Popper'
import { withStyles } from '@material-ui/core/styles'
import * as React from 'react'
import { Link } from 'react-router-dom'
import { Divider } from '@gnosis.pm/safe-react-components'
import { Divider, Icon } from '@gnosis.pm/safe-react-components'
import Provider from './Provider'
import NetworkSelector from './NetworkSelector'
@ -29,8 +29,9 @@ const StyledDivider = styled(Divider)`
const StyledLink = styled.a`
margin: 0;
text-decoration: none;
display: block;
padding: 12px 0;
display: flex;
justify-content: space-between;
padding: 12px 16px 12px 0;
:hover {
background-color: ${({ theme }) => theme.colors.background};
@ -141,6 +142,7 @@ const Layout = ({ classes, providerDetails, providerInfo }) => {
<React.Fragment key={network.name}>
<StyledLink href="#">
<NetworkLabel networkName={network.name} />
<Icon type="check" size="md" color="primary" />
</StyledLink>
<StyledDivider />
</React.Fragment>

View File

@ -25,7 +25,6 @@ const styles = () => ({
cursor: 'pointer',
display: 'flex',
flex: '1 1 auto',
/* padding: sm, */
justifyContent: 'space-between',
[`@media (min-width: ${screenSm}px)`]: {
paddingRight: sm,