safe-global / safe-react / 2993160095

import { Box, ButtonBase } from '@material-ui/core'

import { Text } from '@gnosis.pm/safe-react-components'

import { useSelector } from 'react-redux'

import Img from 'src/components/layout/Img'

import { getShortName, _getChainId } from 'src/config'

import useSafeAddress from 'src/logic/currentSession/hooks/useSafeAddress'

import { formatAmount } from 'src/logic/tokens/utils/formatAmount'

import { generateSafeRoute, SAFE_ROUTES } from 'src/routes/routes'

import { extendedSafeTokensSelector } from 'src/routes/safe/container/selector'

import { background } from 'src/theme/variables'

import { SAFE_TOKEN_ADDRESSES } from 'src/utils/constants'

import SafeTokenIcon from './safe_token.svg'

// TODO: once listed on safe apps list, get the url from there?

}

  }

    shortName: getShortName(),

    safeAddress,

  })

  }

  })

    <Box

      style={{

        display: 'flex',

        flexDirection: 'column',

        alignItems: 'center',

        gap: '8px',

        height: '100%',

        justifyContent: 'center',

      }}

    >

      <ButtonBase

        href={url}

        aria-describedby={'safe-token-widget'}

        style={{

          alignSelf: 'stretch',

          display: 'flex',

          borderRadius: '8px',

          padding: '0px 8px 0px 8px',

          backgroundColor: background,

          margin: '8px 16px',

          height: '30px',

          alignItems: 'center',

          justifyContent: 'center',

          gap: '8px',

        }}

      >

        <Img alt="Safe token" src={SafeTokenIcon} />

        <Text size="xl" strong>

          {flooredSafeBalance}

        </Text>

      </ButtonBase>

    </Box>

  )

}

export default SafeTokenWidget