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

Implement Advisories

Browse Source
This commit is contained in:
Hristo Nedelkov 2023-08-24 13:24:10 +03:00
parent f330356850
commit 7cadce718e
1 changed files with 47 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/pages/ValidatorOnboarding/Advicsories/Advicsories.tsx
View File

@ -1,5 +1,7 @@
import { Button, Shadow } from '@status-im/components' import { Button, Shadow, Text } from '@status-im/components'
import { Stack } from 'tamagui' import { Stack, XStack, YStack } from 'tamagui'
import IconText from '../../../components/General/IconText'
import { Link } from 'react-router-dom'
const Advicsories = () => { const Advicsories = () => {
return ( return (
@ -12,7 +14,49 @@ const Advicsories = () => {
backgroundColor: '#fff', backgroundColor: '#fff',
padding: '16px 32px', padding: '16px 32px',
}} }}
></Shadow> >
<XStack
justifyContent={'space-between'}
className="layout-left"
space={10}
style={{ padding: '16px 32px' }}
>
<YStack>
<Text size={27}>Advisories</Text>
<Text size={15}>① Proof of Stake</Text>
<Text size={15}>② Deposit</Text>
<Text size={15}>③ Key Management</Text>
<Text size={15} color="blue">
④ Bad Behaviour
</Text>
<Text size={15}>⑤ Requirements</Text>
<Text size={15}>⑤ Risks</Text>
</YStack>
<YStack>
<Text size={27}>Bad Behaviour</Text>
<Text size={13}>
If you try to cheat the system, or act contrary to the specification, you will be
liable to incur a penalty known as slashing*. Running your validator keys
simultaneously on two or more machines will result in slashing.* Simply being offline
with an otherwise healthy network does not result in slashing, but will result in
small inactivity penalties.
</Text>
<Text size={13} style={{ textDecorationLine: 'underline' }} color="#484848">
<Link to={'https://github.com/ethereum/consensus-specs'}>
The Ethereum consensus layer specification
</Link>
</Text>
<Text size={13} weight={'semibold'}>
<Link
to={'https://github.com/ethereum/consensus-specs'}
style={{ textDecorationLine: 'underline', color: '#2A4CF4', fontWeight: 'bold' }}
>
More on slashing risks
</Link>
</Text>
</YStack>
</XStack>
</Shadow>
<Stack style={{ alignItems: 'end', width: '100%', marginTop: '16px' }}> <Stack style={{ alignItems: 'end', width: '100%', marginTop: '16px' }}>
<Button>Continue</Button> <Button>Continue</Button>
</Stack> </Stack>