From 4e5a29c5d47e26e6e9ab792a2abed310a6394a8a Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Fri, 11 Aug 2023 10:39:34 +0300
Subject: [PATCH] fix: icon text work with status text

---
 src/components/FormattedText.tsx | 2 +-
 src/components/IconText.tsx      | 9 +++++----
 src/components/LandingPage.tsx   | 4 ++--
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/FormattedText.tsx b/src/components/FormattedText.tsx
index 671e0e0d..415aaf01 100644
--- a/src/components/FormattedText.tsx
+++ b/src/components/FormattedText.tsx
@@ -4,7 +4,7 @@ export type TextElement = {
   text: string
   bold?: boolean
   italic?: boolean
-  weight?: 'regular' | 'medium' | 'bold'
+  weight?: 'regular' | 'medium' | 'semibold'
 }
 
 type FormattedTextProps = {
diff --git a/src/components/IconText.tsx b/src/components/IconText.tsx
index c721f9c0..5e43db2f 100644
--- a/src/components/IconText.tsx
+++ b/src/components/IconText.tsx
@@ -1,12 +1,13 @@
-import { Paragraph, XStack } from 'tamagui'
+import { XStack } from 'tamagui'
 import Icon from './Icon'
+import { Text } from '@status-im/components'
 
 type IconTextProps = {
   icon: string
   children: string
 }
 
-const IconText = ({ icon, children, ...props }: IconTextProps) => {
+const IconText = ({ icon, children }: IconTextProps) => {
   return (
     <XStack
       style={{
@@ -15,9 +16,9 @@ const IconText = ({ icon, children, ...props }: IconTextProps) => {
       space={'$2'}
     >
       <Icon src={icon} />
-      <Paragraph {...props} color={'#000000'} fontWeight={'bold'}>
+      <Text size={11} color={'#000000'} weight={"medium"} >
         {children}
-      </Paragraph>
+      </Text>
     </XStack>
   )
 }
diff --git a/src/components/LandingPage.tsx b/src/components/LandingPage.tsx
index aab94217..f529ca29 100644
--- a/src/components/LandingPage.tsx
+++ b/src/components/LandingPage.tsx
@@ -1,7 +1,7 @@
 import LayoutComponent from './LayoutComponent'
 import './LandingPage.css'
 import QuickStartBar from './QuickStartBar'
-import NodesLogo from './NodesLogo'
+import IconText from './IconText'
 
 function LandingPage() {
   return (
@@ -15,6 +15,7 @@ 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>
@@ -24,7 +25,6 @@ function Content() {
             nodes<span className="beta">BETA</span>
           </p>
         </div>
-        <NodesLogo />
       </header>
       <article className="content">
         <div className="avatar">