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

View File

@ -3,64 +3,61 @@ import { Shadow, Text } from '@status-im/components'
import FormStepper from './Stepper'
import PageWrapperGradient from '../../components/PageWrappers/PageWrapperGradient'
Text
function ValidatorOnboarding() {
const ValidatorOnboarding = () => {
return (
<>
<PageWrapperGradient>
<YStack style={{ width: '100%', margin: '0 auto', padding: '0 10%' }}>
<YStack style={{ width: '100%', margin: '64px 0 1vh' }}>
<Text size={19} weight={'semibold'}>
Create Nimbus Validator
</Text>
<Text size={15} weight="regular">
Earn Rewards for securing the Ethereum Network
</Text>
<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>
<PageWrapperGradient>
<YStack style={{ width: '100%', margin: '0 auto', padding: '0 10%' }}>
<YStack style={{ width: '100%', margin: '64px 0 1vh' }}>
<Text size={19} weight={'semibold'}>
Create Nimbus Validator
</Text>
<Text size={15} weight="regular">
Earn Rewards for securing the Ethereum Network
</Text>
<FormStepper />
</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>
)
}