From 46705d1899ddea31277bb0f672f125a7acf0cad5 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Mon, 25 Mar 2024 12:03:55 +0200
Subject: [PATCH] feat(support card): create new support card

---
 src/pages/LogsPage/SupportCard.tsx | 48 ++++++++----------------------
 1 file changed, 12 insertions(+), 36 deletions(-)

diff --git a/src/pages/LogsPage/SupportCard.tsx b/src/pages/LogsPage/SupportCard.tsx
index 4f23c3aa..603455bd 100644
--- a/src/pages/LogsPage/SupportCard.tsx
+++ b/src/pages/LogsPage/SupportCard.tsx
@@ -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>
   )