From 81ed2f1b8b95d9e9dd711c33b50b0e703ba1fc2b Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 10 Aug 2023 09:58:37 +0300
Subject: [PATCH] feat: small style changes for Tag

add default value for background color
---
 src/components/NodesLogo.tsx |  2 +-
 src/components/Tag.tsx       | 15 ++++++++-------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/NodesLogo.tsx b/src/components/NodesLogo.tsx
index e5afab49..d5fd10e4 100644
--- a/src/components/NodesLogo.tsx
+++ b/src/components/NodesLogo.tsx
@@ -13,7 +13,7 @@ const NodesLogo = () => {
     >
       <Icon source={'src/assets/nodes-app-icon.png'} width={32} height={32} />
       <Text style={{ fontWeight: '700', fontSize: '28px' }}>nodes</Text>
-      <Tag bc="#2A4AF5" text="BETA" />
+      <Tag text="BETA" />
     </XStack>
   )
 }
diff --git a/src/components/Tag.tsx b/src/components/Tag.tsx
index fa083451..1d7b829c 100644
--- a/src/components/Tag.tsx
+++ b/src/components/Tag.tsx
@@ -1,25 +1,26 @@
-import { Text } from 'tamagui'
+import { Text, XStack } from 'tamagui'
 
 type TagProps = {
-  bc: string
+  bc?: string
   text: string
 }
 
-const Tag = ({ bc, text }: TagProps) => {
+const Tag = ({ bc = '#2A4AF5', text }: TagProps) => {
   return (
-    <div
+    <XStack
       style={{
         backgroundColor: bc,
         display: 'flex',
-        padding: '2px 6px',
+        justifyContent: 'center',
         alignItems: 'center',
+        padding: '1px 6px',
         borderRadius: '67px',
       }}
     >
-      <Text fontWeight={'500'} fontSize={'9px'} color={'white'}>
+      <Text fontWeight={'450'} fontSize={'10px'} color={'white'}>
         {text}
       </Text>
-    </div>
+    </XStack>
   )
 }