From a60760bc72f4a79b4d4b451858fec88cbc229c5b Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Fri, 25 Aug 2023 15:38:26 +0300
Subject: [PATCH] Add tag for coming soon

---
 .../ValidatorSetup/ExecClientCard.tsx         | 27 ++++++++++++++++---
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/ExecClientCard.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/ExecClientCard.tsx
index ce72f566..da87859b 100644
--- a/src/pages/ValidatorOnboarding/ValidatorSetup/ExecClientCard.tsx
+++ b/src/pages/ValidatorOnboarding/ValidatorSetup/ExecClientCard.tsx
@@ -1,4 +1,4 @@
-import { YStack } from 'tamagui'
+import { Stack, XStack, YStack } from 'tamagui'
 import Icon from '../../../components/General/Icon'
 import { Text } from '@status-im/components'
 
@@ -26,9 +26,28 @@ const ExecClientCard = ({ name, icon, isSelected, isComingSoon }: ExecClientCard
       }}
       space={'$12'}
     >
-      <Text size={27} weight={'semibold'} color={isComingSoon ? '#DCE0E5' : ''}>
-        {name}
-      </Text>
+      <Stack>
+        <Text size={27} weight={'semibold'} color={isComingSoon ? '#DCE0E5' : ''}>
+          {name}
+        </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} />
     </YStack>
   )