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

feat: add new wrapper to Advicsories

Browse Source
This commit is contained in:
RadoslavDimchev 2023-08-25 09:14:49 +03:00
parent e850734269
commit b8aaa1e946
1 changed files with 5 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,7 +1,8 @@
import { Button, Shadow, Text } from '@status-im/components'
import { Button, Text } from '@status-im/components'
import { useState } from 'react'
import { Stack, XStack, YStack } from 'tamagui'
import AdvisoriesContent from './AdvisoriesContent'
import ValidatorBoxWrapper from '../ValidatorBoxWrapper/ValidatorBoxWrapper'
type AdvisoryTopicsType = {
[key: string]: string
@ -21,17 +22,10 @@ const advisoryTopics: AdvisoryTopicsType = {
const Advicsories = () => {
const [selectedTitle, setSelectedTitle] = useState('Bad Behaviour')
return (
<>
<Shadow
variant="$1"
style={{
borderRadius: '16px',
border: 'none',
backgroundColor: '#fff',
padding: '16px 32px',
}}
>
<ValidatorBoxWrapper>
<XStack
justifyContent={'space-between'}
className="layout-left"
@ -65,7 +59,7 @@ const Advicsories = () => {
></AdvisoriesContent>
</YStack>
</XStack>
</Shadow>
</ValidatorBoxWrapper>
<Stack style={{ alignItems: 'end', width: '100%', marginTop: '16px' }}>
<Button>Continue</Button>
</Stack>