Add tag for coming soon

This commit is contained in:
Hristo Nedelkov 2023-08-25 15:38:26 +03:00
parent 4a8bfc8b54
commit a60760bc72
1 changed files with 23 additions and 4 deletions

View File

@ -1,4 +1,4 @@
import { YStack } from 'tamagui' import { Stack, XStack, YStack } from 'tamagui'
import Icon from '../../../components/General/Icon' import Icon from '../../../components/General/Icon'
import { Text } from '@status-im/components' import { Text } from '@status-im/components'
@ -26,9 +26,28 @@ const ExecClientCard = ({ name, icon, isSelected, isComingSoon }: ExecClientCard
}} }}
space={'$12'} space={'$12'}
> >
<Stack>
<Text size={27} weight={'semibold'} color={isComingSoon ? '#DCE0E5' : ''}> <Text size={27} weight={'semibold'} color={isComingSoon ? '#DCE0E5' : ''}>
{name} {name}
</Text> </Text>
{isComingSoon && (
<XStack
style={{
backgroundColor: '#2A4AF5',
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
padding: '3px',
borderRadius: '67px',
width: '50%',
}}
>
<Text size={11} color="#fff">
COMING SOON
</Text>
</XStack>
)}
</Stack>
<Icon src={icon} width={100} height={100} /> <Icon src={icon} width={100} height={100} />
</YStack> </YStack>
) )