diff --git a/src/pages/ValidatorOnboarding/Advicsories/Advicsories.tsx b/src/pages/ValidatorOnboarding/Advicsories/Advicsories.tsx index d4dfde04..27c5db37 100644 --- a/src/pages/ValidatorOnboarding/Advicsories/Advicsories.tsx +++ b/src/pages/ValidatorOnboarding/Advicsories/Advicsories.tsx @@ -4,27 +4,36 @@ import { Stack, XStack, YStack } from 'tamagui' import AdvisoriesContent from './AdvisoriesContent' type AdvisoryTopicsType = { - [key: string]: string + [key: string]: string[] } const unicodeNumbers = ['➀', '➁', '➂', '➃', '➄', '➅'] const advisoryTopics: AdvisoryTopicsType = { - 'Proof of Stake': 'This is content for Proof of Stake...', - Deposit: 'This is content for Deposit...', - 'Key Management': 'This is content for Key Management...', - 'Bad Behaviour': - '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.', - Requirements: 'This is content for Requirements...', - Risks: 'This is content for Risks...', + 'Proof of Stake': ['This is content for Proof of Stake...'], + Deposit: ['This is content for Deposit...'], + 'Key Management': ['This is content for Key Management...'], + 'Bad Behaviour': [ + '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.', + ], + Requirements: ['This is content for Requirements...'], + Risks: ['This is content for Risks...'], } const Advicsories = () => { const [selectedTitle, setSelectedTitle] = useState('Bad Behaviour') return ( - - + + Advisories diff --git a/src/pages/ValidatorOnboarding/Advicsories/AdvisoriesContent.tsx b/src/pages/ValidatorOnboarding/Advicsories/AdvisoriesContent.tsx index 99620d2e..6faeca20 100644 --- a/src/pages/ValidatorOnboarding/Advicsories/AdvisoriesContent.tsx +++ b/src/pages/ValidatorOnboarding/Advicsories/AdvisoriesContent.tsx @@ -1,31 +1,40 @@ import { Text } from '@status-im/components' import { Link } from 'react-router-dom' -import { YStack } from 'tamagui' +import { Stack, YStack } from 'tamagui' type AdvisoriesContentProps = { title: string - content: string + content: string[] } const AdvisoriesContent = ({ title, content }: AdvisoriesContentProps) => { return ( - - {title} - {content} - - - The Ethereum consensus layer specification - - - - - More on slashing risks - - + + + + {title} + + + + {content.length && + content.map(row => { + return {row} + })} + + + The Ethereum consensus layer specification + + + + + More on slashing risks + + + ) } diff --git a/src/pages/ValidatorOnboarding/KeyGeneration/KeyGenerationHeader.tsx b/src/pages/ValidatorOnboarding/KeyGeneration/KeyGenerationHeader.tsx index 53e98df9..6e15f796 100644 --- a/src/pages/ValidatorOnboarding/KeyGeneration/KeyGenerationHeader.tsx +++ b/src/pages/ValidatorOnboarding/KeyGeneration/KeyGenerationHeader.tsx @@ -1,6 +1,6 @@ import { Text } from '@status-im/components' import { XStack } from 'tamagui' -import SyncCard from './SyncCard' +// import SyncCard from './SyncCard' const KeyGenerationHeader = () => { return ( @@ -9,8 +9,8 @@ const KeyGenerationHeader = () => { Key Generation - - + {/* + */} )