From 4ee27c6cd8e1b7396c1f46d683fdc09545b073c3 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Wed, 9 Aug 2023 11:18:02 +0300
Subject: [PATCH] Add fixed size to the static box

---
 src/App.tsx                                    | 10 ++--------
 src/components/LayoutComponent/LandingPage.tsx |  7 +++++++
 src/components/StaticBox.tsx                   |  2 +-
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index efe270d1..07d1c85c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -6,19 +6,13 @@ import { Provider as StatusProvider } from '@status-im/components'
 import LandingPage from './components/LayoutComponent/LandingPage'
 
 import config from '../tamagui.config'
-import StatisticBox from './components/StaticBox'
-
+ 
 function App() {
   return (
     <TamaguiProvider config={config}>
-      <StatisticBox
-        memory="45"
-        stateIcon="https://placehold.co/16x16"
-        stateText="Improving performance"
-        title="Title of the box"
-      />
       <StatusProvider>
         <LandingPage />
+   
       </StatusProvider>
     </TamaguiProvider>
   )
diff --git a/src/components/LayoutComponent/LandingPage.tsx b/src/components/LayoutComponent/LandingPage.tsx
index 8968c9e1..8e093309 100644
--- a/src/components/LayoutComponent/LandingPage.tsx
+++ b/src/components/LayoutComponent/LandingPage.tsx
@@ -1,6 +1,7 @@
 import LayoutComponent from './LayoutComponent'
 import './LandingPage.css'
 import QuickStartBar from '../QuickStartBar/QuickStartBar'
+import StatisticBox from '../StaticBox'
 
 function LandingPage() {
   return (
@@ -95,6 +96,12 @@ function Content() {
           Discover Nodes
         </button>
       </article>
+      <StatisticBox
+        memory="45"
+        stateIcon="https://placehold.co/16x16"
+        stateText="Improving performance"
+        title="Title of the box"
+      />
     </div>
   )
 }
diff --git a/src/components/StaticBox.tsx b/src/components/StaticBox.tsx
index 1002e29f..4d730be2 100644
--- a/src/components/StaticBox.tsx
+++ b/src/components/StaticBox.tsx
@@ -66,7 +66,7 @@ const StatisticBox: React.FC<StatisticBoxProps> = ({
   ...props
 }) => {
   return (
-    <ShadowBox {...props}>
+    <ShadowBox {...props} style={{ maxWidth: '284px', maxHeight: '136px' }}>
       <YStack>
         <XStack
           justifyContent="space-between"