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

fix: remove not used components

This commit is contained in:
RadoslavDimchev 2023-08-24 09:51:46 +03:00
parent b355f38fe5
commit ca617c43a5
1 changed files with 53 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

109
src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx
View File

@ -3,64 +3,61 @@ import { Shadow, Text } from '@status-im/components'
import FormStepper from './Stepper' import FormStepper from './Stepper'
import PageWrapperGradient from '../../components/PageWrappers/PageWrapperGradient' import PageWrapperGradient from '../../components/PageWrappers/PageWrapperGradient'
Text const ValidatorOnboarding = () => {
function ValidatorOnboarding() {
return ( return (
<> <PageWrapperGradient>
<PageWrapperGradient> <YStack style={{ width: '100%', margin: '0 auto', padding: '0 10%' }}>
<YStack style={{ width: '100%', margin: '0 auto', padding: '0 10%' }}> <YStack style={{ width: '100%', margin: '64px 0 1vh' }}>
<YStack style={{ width: '100%', margin: '64px 0 1vh' }}> <Text size={19} weight={'semibold'}>
<Text size={19} weight={'semibold'}> Create Nimbus Validator
Create Nimbus Validator </Text>
</Text> <Text size={15} weight="regular">
<Text size={15} weight="regular"> Earn Rewards for securing the Ethereum Network
Earn Rewards for securing the Ethereum Network </Text>
</Text> <FormStepper />
<FormStepper />
</YStack>
<Shadow
variant="$2"
style={{
borderRadius: '16px',
border: 'none',
flexDirection: 'row',
backgroundColor: '#fff',
}}
className="content"
>
<YStack className="layout-left" space={10} left={40} top={40}>
<TextTam fontSize={27} fontWeight={'700'} style={{ marginBottom: '30px' }}>
Overview
</TextTam>
<Text size={27}>
Becoming a validator is a big responsibility with important preparation steps. Only
start the deposit process when youre ready."
</Text>
<Text size={15} color="#939BA1">
By running a validator, you'll be responsible for securing the network and receive
continuous payouts for actions that help the network reach consensus.
</Text>
<Text size={15} color="#939BA1">
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
secure the Ethereum network.
</Text>
</YStack>
<section className="layout-right">
<div className="image-container">
<img
src="./background-images/sync-status-background.png"
alt="background"
className="background-img"
/>
</div>
</section>
</Shadow>
</YStack> </YStack>
</PageWrapperGradient>
</> <Shadow
variant="$2"
style={{
borderRadius: '16px',
border: 'none',
flexDirection: 'row',
backgroundColor: '#fff',
}}
className="content"
>
<YStack className="layout-left" space={10} left={40} top={40}>
<TextTam fontSize={27} fontWeight={'700'} style={{ marginBottom: '30px' }}>
Overview
</TextTam>
<Text size={27}>
Becoming a validator is a big responsibility with important preparation steps. Only
start the deposit process when youre ready."
</Text>
<Text size={15} color="#939BA1">
By running a validator, you'll be responsible for securing the network and receive
continuous payouts for actions that help the network reach consensus.
</Text>
<Text size={15} color="#939BA1">
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
secure the Ethereum network.
</Text>
</YStack>
<section className="layout-right">
<div className="image-container">
<img
src="./background-images/sync-status-background.png"
alt="background"
className="background-img"
/>
</div>
</section>
</Shadow>
</YStack>
</PageWrapperGradient>
) )
} }