status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-03-01 19:40:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: use new link component

Browse Source
This commit is contained in:
RadoslavDimchev 2023-08-30 15:18:33 +03:00
parent b530558e96
commit 93322bfefa
1 changed files with 3 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/ValidatorOnboarding/Overview/Overview.tsx
View File

@ -1,8 +1,7 @@
import { Stack, Text as TextTam, XStack, YStack } from 'tamagui'
import { Text as TextTam, XStack, YStack } from 'tamagui'
import { Text } from '@status-im/components'
import { Link } from 'react-router-dom'
import OverviewCard from './OverviewCard'
import { ArrowRightIcon } from '@status-im/icons'
import LinkWithArrow from '../../../components/General/LinkWithArrow'
const Overview = () => {
return (
@ -24,16 +23,7 @@ const Overview = () => {
by proof-of-stake validators. By running a validator, you'll be helping to secure the
Ethereum network.
</Text>
<Stack style={{ margin: '2% 0 4%', maxWidth: 'fit-content' }}>
<Text size={15}>
<XStack space={'$1'} style={{ alignItems: 'center' }}>
<Link style={{ color: '#2A4CF4' }} to={'/'}>
Learn more
</Link>
<ArrowRightIcon size={16} color="#2A4CF4" />
</XStack>
</Text>
</Stack>
<LinkWithArrow text="Learn more" to={'/'} arrowRight={true} />
<XStack space={'$5'}>
<OverviewCard text={'Current APR'} value={'4.40%'} />
<OverviewCard text={'Total ETH Staked'} value={'9,451,123'} />