feat(support card): create new support card
This commit is contained in:
parent
e355df0e93
commit
46705d1899
|
@ -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>
|
||||
)
|
||||
|
|
Loading…
Reference in New Issue