status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-28 11:00:35 +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 { useState } from 'react'
import { Stack, XStack, YStack } from 'tamagui' import { Stack, XStack, YStack } from 'tamagui'
import AdvisoriesContent from './AdvisoriesContent' import AdvisoriesContent from './AdvisoriesContent'
import ValidatorBoxWrapper from '../ValidatorBoxWrapper/ValidatorBoxWrapper'
type AdvisoryTopicsType = { type AdvisoryTopicsType = {
[key: string]: string [key: string]: string
@ -21,17 +22,10 @@ const advisoryTopics: AdvisoryTopicsType = {
const Advicsories = () => { const Advicsories = () => {
const [selectedTitle, setSelectedTitle] = useState('Bad Behaviour') const [selectedTitle, setSelectedTitle] = useState('Bad Behaviour')
return ( return (
<> <>
<Shadow <ValidatorBoxWrapper>
variant="$1"
style={{
borderRadius: '16px',
border: 'none',
backgroundColor: '#fff',
padding: '16px 32px',
}}
>
<XStack <XStack
justifyContent={'space-between'} justifyContent={'space-between'}
className="layout-left" className="layout-left"
@ -65,7 +59,7 @@ const Advicsories = () => {
></AdvisoriesContent> ></AdvisoriesContent>
</YStack> </YStack>
</XStack> </XStack>
</Shadow> </ValidatorBoxWrapper>
<Stack style={{ alignItems: 'end', width: '100%', marginTop: '16px' }}> <Stack style={{ alignItems: 'end', width: '100%', marginTop: '16px' }}>
<Button>Continue</Button> <Button>Continue</Button>
</Stack> </Stack>