diff --git a/src/pages/ValidatorOnboarding/Advicsories/Advicsories.tsx b/src/pages/ValidatorOnboarding/Advicsories/Advicsories.tsx index 8bf71b76..95a015c3 100644 --- a/src/pages/ValidatorOnboarding/Advicsories/Advicsories.tsx +++ b/src/pages/ValidatorOnboarding/Advicsories/Advicsories.tsx @@ -22,19 +22,16 @@ const advisoryTopics: AdvisoryTopicsType = { const Advicsories = () => { const [selectedTitle, setSelectedTitle] = useState('Bad Behaviour') - + return ( <> - - - - Advisories + + + + + Advisories + {Object.keys(advisoryTopics).map((title, index) => ( { ))} - - - + diff --git a/src/pages/ValidatorOnboarding/Advicsories/AdvisoriesContent.tsx b/src/pages/ValidatorOnboarding/Advicsories/AdvisoriesContent.tsx index b6405dd4..99620d2e 100644 --- a/src/pages/ValidatorOnboarding/Advicsories/AdvisoriesContent.tsx +++ b/src/pages/ValidatorOnboarding/Advicsories/AdvisoriesContent.tsx @@ -1,12 +1,13 @@ import { Text } from '@status-im/components' import { Link } from 'react-router-dom' +import { YStack } from 'tamagui' type AdvisoriesContentProps = { title: string content: string } const AdvisoriesContent = ({ title, content }: AdvisoriesContentProps) => { return ( - <> + {title} {content} @@ -25,7 +26,7 @@ const AdvisoriesContent = ({ title, content }: AdvisoriesContentProps) => { More on slashing risks - + ) } export default AdvisoriesContent