Add tag for coming soon
This commit is contained in:
parent
4a8bfc8b54
commit
a60760bc72
|
@ -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>
|
||||||
)
|
)
|
||||||
|
|
Loading…
Reference in New Issue