status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: remove repeated components and use reusable

This commit is contained in:
RadoslavDimchev 2023-08-24 14:38:43 +03:00
parent 1237781780
commit 6a3f087d8b
1 changed files with 5 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,7 @@
import { Stack, Text as TextTam, XStack, YStack } from 'tamagui' import { Stack, Text as TextTam, XStack, YStack } from 'tamagui'
import { Button, Shadow, Text } from '@status-im/components' import { Button, Shadow, Text } from '@status-im/components'
import { Link } from 'react-router-dom' import { Link } from 'react-router-dom'
import OverviewCard from './OverviewCard'
const Overview = () => { const Overview = () => {
return ( return (
@ -37,70 +38,10 @@ const Overview = () => {
</Text> </Text>
</Stack> </Stack>
<XStack space={'$5'}> <XStack space={'$5'}>
<YStack <OverviewCard text={'Current APR'} value={'4.40%'} />
style={{ <OverviewCard text={'Total ETH Staked'} value={'9,451,123'} />
borderRadius: '16px', <OverviewCard text={'Estimated Activation Time'} value={'32 Days'} />
border: '1px solid rgba(0, 0, 0, 0.15)', <OverviewCard text={'Validator Queue'} value={'92603'} />
width: '45%',
padding: '12px 16px',
backgroundColor: '#FFF',
}}
>
<Text size={19} weight={'semibold'}>
Current APR
</Text>
<Text size={27} color="blue" weight={'semibold'}>
4.40%
</Text>
</YStack>
<YStack
style={{
borderRadius: '16px',
border: '1px solid rgba(0, 0, 0, 0.15)',
backgroundColor: '#FFF',
width: '45%',
padding: '12px 16px',
}}
>
<Text size={19} weight={'semibold'}>
Total ETH Staked
</Text>
<Text size={27} color="blue" weight={'semibold'}>
19,451,123
</Text>
</YStack>
<YStack
style={{
borderRadius: '16px',
border: '1px solid rgba(0, 0, 0, 0.15)',
width: '45%',
backgroundColor: '#FFF',
padding: '12px 16px',
}}
>
<Text size={19} weight={'semibold'}>
Estimated Activation Time
</Text>
<Text size={27} color="blue" weight={'semibold'}>
32 Days
</Text>
</YStack>
<YStack
style={{
borderRadius: '16px',
border: '1px solid rgba(0, 0, 0, 0.15)',
width: '45%',
backgroundColor: '#FFF',
padding: '12px 16px',
}}
>
<Text size={19} weight={'semibold'}>
Validator Queue
</Text>
<Text size={27} color="blue" weight={'semibold'}>
92603
</Text>
</YStack>
</XStack> </XStack>
</YStack> </YStack>
<section className="layout-right"> <section className="layout-right">