status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-10 10:26:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: remove commented old code

Browse Source
This commit is contained in:
RadoslavDimchev 2024-01-18 18:26:41 +02:00
parent 16efe2d895
commit 66baf24d8c
1 changed files with 36 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -8,54 +8,43 @@ import './overviewLayout.css'
const Overview = () => { const Overview = () => {
return ( return (
<> <OverviewWrapper
<OverviewWrapper imgHeight="250%"
imgHeight="250%" rightImageSrc="./background-images/sync-status-background.png"
rightImageSrc="./background-images/sync-status-background.png" >
> <YStack>
<YStack> <YStack space={'$5'} width="150%">
<YStack space={'$5'} width="150%"> <Text size={27} weight={'semibold'} marginTop={'2rem'}>
<Text size={27} weight={'semibold'} marginTop={'2rem'}> Overview
Overview </Text>
</Text> <Text size={19}>
<Text size={19}> Becoming a validator is a big responsibility with important preparation steps. Only
Becoming a validator is a big responsibility with important preparation steps. Only start the deposit process when you're ready.
start the deposit process when you're ready. </Text>
</Text> <Text size={15} color="#939BA1">
<Text size={15} color="#939BA1"> By running a validator, you'll be responsible for securing the network and receive
By running a validator, you'll be responsible for securing the network and receive continuous payouts for actions that help the network reach consensus.
continuous payouts for actions that help the network reach consensus. </Text>
</Text> <Text size={15} color="#939BA1">
<Text size={15} color="#939BA1"> Since the successful transition to proof-of-stake via The Merge, Ethereum is fully
Since the successful transition to proof-of-stake via The Merge, Ethereum is fully secured by proof-of-stake validators. By running a validator, you'll be helping to
secured by proof-of-stake validators. By running a validator, you'll be helping to secure the Ethereum network.
secure the Ethereum network. </Text>
</Text> <LinkWithArrow
<LinkWithArrow text="Learn More"
text="Learn More" to={'/'}
to={'/'} arrowRight={true}
arrowRight={true} style={{ marginBottom: '1%', fontSize: '13px' }}
style={{ marginBottom: '1%', fontSize: '13px' }}
/>
</YStack>
<XStack space={'$3'} className="overview-cards">
<OverviewCard text={'Current APR'} value={'4.40%'} />
<OverviewCard text={'Total ETH Staked'} value={'9,451,123'} />
<OverviewCard text={'Estimated Activation Time'} value={'32 Days'} />
<OverviewCard text={'Validator Queue'} value={'92603'} />
</XStack>
</YStack>
</OverviewWrapper>
{/* <section className="layout-right">
<div className="image-container">
<img
src="./background-images/sync-status-background.png"
alt="background"
className="background-img"
/> />
</div> </YStack>
</section> */} <XStack space={'$3'} className="overview-cards">
</> <OverviewCard text={'Current APR'} value={'4.40%'} />
<OverviewCard text={'Total ETH Staked'} value={'9,451,123'} />
<OverviewCard text={'Estimated Activation Time'} value={'32 Days'} />
<OverviewCard text={'Validator Queue'} value={'92603'} />
</XStack>
</YStack>
</OverviewWrapper>
) )
} }