From 5c2bb02bcb992eda4075520984e876f5d76974ed Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Fri, 11 Aug 2023 10:46:47 +0300
Subject: [PATCH] fix: update logos with status texts

---
 src/components/LandingPage.tsx | 2 --
 src/components/NimbusLogo.tsx  | 7 +++++--
 src/components/NodesLogo.tsx   | 7 +++++--
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/LandingPage.tsx b/src/components/LandingPage.tsx
index f529ca29..d6bc3dc6 100644
--- a/src/components/LandingPage.tsx
+++ b/src/components/LandingPage.tsx
@@ -1,7 +1,6 @@
 import LayoutComponent from './LayoutComponent'
 import './LandingPage.css'
 import QuickStartBar from './QuickStartBar'
-import IconText from './IconText'
 
 function LandingPage() {
   return (
@@ -15,7 +14,6 @@ function LandingPage() {
 function Content() {
   return (
     <div className="container-inner landing-page">
-      <IconText icon="src/assets/nodes-app-icon.png">Quick Start</IconText>
       <header>
         <div>
           <div>
diff --git a/src/components/NimbusLogo.tsx b/src/components/NimbusLogo.tsx
index 11bb10ee..5502f4b8 100644
--- a/src/components/NimbusLogo.tsx
+++ b/src/components/NimbusLogo.tsx
@@ -1,6 +1,7 @@
-import { Text, XStack } from 'tamagui'
+import { XStack } from 'tamagui'
 import Icon from './Icon'
 import Tag from './Tag'
+import { Text } from '@status-im/components'
 
 const NimbusLogo = () => {
   return (
@@ -12,7 +13,9 @@ const NimbusLogo = () => {
       space={'$2'}
     >
       <Icon src={'/icons/marks.png'} width={55} height={60} />
-      <Text style={{ fontWeight: '650', fontSize: '24px' }}>Nimbus</Text>
+      <Text size={27} weight={'medium'}>
+        Nimbus
+      </Text>
       <Tag text="BETA" />
     </XStack>
   )
diff --git a/src/components/NodesLogo.tsx b/src/components/NodesLogo.tsx
index f4f1d07e..b92f217b 100644
--- a/src/components/NodesLogo.tsx
+++ b/src/components/NodesLogo.tsx
@@ -1,6 +1,7 @@
-import { Text, XStack } from 'tamagui'
+import { XStack } from 'tamagui'
 import Icon from './Icon'
 import Tag from './Tag'
+import { Text } from '@status-im/components'
 
 const NodesLogo = () => {
   return (
@@ -12,7 +13,9 @@ const NodesLogo = () => {
       space={'$2'}
     >
       <Icon src={'src/assets/nodes-app-icon.png'} width={32} height={32} />
-      <Text style={{ fontWeight: '700', fontSize: '28px' }}>nodes</Text>
+      <Text size={27} weight={'semibold'}>
+        nodes
+      </Text>
       <Tag text="BETA" />
     </XStack>
   )