feat(support card): create new support card

This commit is contained in:
Hristo Nedelkov 2024-03-25 12:03:55 +02:00 committed by Emil Ivanichkov
parent e355df0e93
commit 46705d1899
1 changed files with 12 additions and 36 deletions

View File

@ -1,8 +1,9 @@
import { Text } from '@status-im/components'
import { Separator, XStack, YStack } from 'tamagui'
import { YStack } from 'tamagui'
import IconText from '../../components/General/IconText'
import Icon from '../../components/General/Icon'
import DashboardCardWrapper from '../Dashboard/DashboardCardWrapper'
import { ProfileIcon } from '@status-im/icons'
const SupportCard = () => {
return (
@ -12,43 +13,18 @@ const SupportCard = () => {
borderRadius: '16px',
border: 'none',
backgroundColor: '#fff',
flexGrow: '1',
minWidth: '280px',
}}
>
<XStack
justifyContent="space-between"
style={{
padding: '8px 16px',
position: 'relative',
flexGrow: '1',
}}
>
<YStack space={'$3'} width={'100%'}>
<XStack justifyContent="space-between" width={'100%'}>
<Text size={27} weight={'semibold'}>
Get Support
</Text>
<Text size={15} weight={'semibold'}>
{'>'}
</Text>
</XStack>
<XStack>
<Text size={27} weight={'semibold'}>
Nimbus
</Text>
</XStack>
</YStack>
</XStack>
<Separator borderColor={'#e3e3e3'} style={{ marginTop: 'auto' }} />
<XStack space={'$4'} style={{ padding: '10px 16px' }}>
<IconText
icon={<Icon src="icons/communities.svg" width={16} height={16} />}
weight={'semibold'}
>
{'Join Community'}
</IconText>
</XStack>
<Text size={19} weight={'semibold'}>
Nimbus Support
</Text>
<IconText
children={'Join Community'}
icon={<ProfileIcon size={20} />}
weight={'semibold'}
></IconText>
</YStack>
</DashboardCardWrapper>
)