From e76ceb301c2808b0456a1db363293ce49b383f8c Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Tue, 31 Oct 2023 11:09:50 +0200
Subject: [PATCH] Clear code

---
 .../General/AddCards/AddCardsContainer.tsx    |  2 +-
 .../ConsensusUptime/ConsensusUptimeCard.tsx   |  2 +-
 src/pages/Dashboard/DashboardContent.tsx      | 60 ++++++-------------
 .../Dashboard/DeviceUptime/DeviceUptime.tsx   |  2 +-
 .../ExecutionUptime/ExecutionUptime.tsx       |  2 +-
 .../SyncStatusCards/SyncStatusCards.tsx       |  2 +-
 6 files changed, 24 insertions(+), 46 deletions(-)

diff --git a/src/components/General/AddCards/AddCardsContainer.tsx b/src/components/General/AddCards/AddCardsContainer.tsx
index ed327e19..da9f5552 100644
--- a/src/components/General/AddCards/AddCardsContainer.tsx
+++ b/src/components/General/AddCards/AddCardsContainer.tsx
@@ -8,7 +8,7 @@ const AddCardsContainer = () => {
   const cards = 2
 
   return (
-    <DashboardCardWrapper padding="0" minWidth="50px"  >
+    <DashboardCardWrapper padding="0" minWidth="50px" >
       <YStack height={'100%'}>
         {Array.from({ length: cards }).map((_, index) => (
           <AddCard key={index} style={{ padding: '56px', height: getHeightPercentages(cards) }} />
diff --git a/src/pages/Dashboard/ConsensusUptime/ConsensusUptimeCard.tsx b/src/pages/Dashboard/ConsensusUptime/ConsensusUptimeCard.tsx
index aef31c55..48c973da 100644
--- a/src/pages/Dashboard/ConsensusUptime/ConsensusUptimeCard.tsx
+++ b/src/pages/Dashboard/ConsensusUptime/ConsensusUptimeCard.tsx
@@ -9,7 +9,7 @@ const ConsensusUptimeCard = () => {
   const monthlyActivity = [3, 0, 5, 4, 6, 7, 8, 9, 10, 1, 2, 3]
 
   return (
-    <DashboardCardWrapper maxHeight="100px">
+    <DashboardCardWrapper  >
       <YStack space={'$3'}>
         <YStack>
           <Text size={15} weight={'semibold'}>
diff --git a/src/pages/Dashboard/DashboardContent.tsx b/src/pages/Dashboard/DashboardContent.tsx
index 0b585f8a..1b025c5e 100644
--- a/src/pages/Dashboard/DashboardContent.tsx
+++ b/src/pages/Dashboard/DashboardContent.tsx
@@ -44,7 +44,7 @@ const DashboardContent = () => {
       className={'transparent-scrollbar'}
     >
       <TitleLogo />
-      <Stack style={{
+      {/* <Stack style={{
         display: 'grid',
         gridTemplateColumns: windowWidth < 1375 ? '1fr 1fr' : '1fr 1fr 2fr',
         gap: '8px',
@@ -61,49 +61,27 @@ const DashboardContent = () => {
             <BalanceChartCard />
           </Stack>
         }
-      </Stack>
+      </Stack> */}
       <BasicInfoCards />
       {/* SECOND ROW ENDS HERE! */}
-      {/* <Stack
-        style={{
-          display: 'grid',
-          gridTemplateColumns: windowWidth < 1300 ? '1fr' : '1.5fr 1fr',
-          gap: '16px',
-        }}
-      >
-        <Stack
-          style={{
-            display: 'grid',
-            gridTemplateColumns: windowWidth < 1300 ? '1fr' : '1fr 1fr',
-            gridAutoFlow: 'row',
-            gap: '16px',
-          }}
-        >
-          <ConsensusUptimeCard />
-          <ExecutionUptime />
-          <Stack style={{ gridColumn: '1 / span 2', marginTop: windowWidth < 1300 ? '50px' : 0 }}>
-            <DeviceUptime />
-          </Stack>
-        </Stack>
 
-        <Stack
-          style={{
-            display: 'grid',
-            gridTemplateColumns: windowWidth < 1750 ? '1fr' : '1fr 1fr',
-            gap: '16px',
-            marginTop: windowWidth < 1300 ? '50px' : 0,
-            maxHeight: '200px',
-          }}
-        >
-          <StorageCard maxStorage={100} storage={82} />
-          <CPUCard load={[12, 31, 3, 2, 24, 98]} />
-          <MemoryCard currentMemory={[21, 33, 3, 42, 35]} maxMemory={50} />
-          <NetworkCard
-            downloadRate={[12, 31, 22, 12, 23, 23, 90]}
-            uploadRate={[31, 22, 32, 132, 32, 45, 65]}
-          />
-        </Stack>
-      </Stack> */}
+      <Stack>
+
+        <ConsensusUptimeCard />
+        <ExecutionUptime />
+
+        <DeviceUptime />
+      </Stack>
+
+
+      <StorageCard maxStorage={100} storage={82} />
+      <CPUCard load={[12, 31, 3, 2, 24, 98]} />
+      <MemoryCard currentMemory={[21, 33, 3, 42, 35]} maxMemory={50} />
+      <NetworkCard
+        downloadRate={[12, 31, 22, 12, 23, 23, 90]}
+        uploadRate={[31, 22, 32, 132, 32, 45, 65]}
+      />
+
 
     </YStack >
   )
diff --git a/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx b/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx
index 5e1680d2..e72d0156 100644
--- a/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx
+++ b/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx
@@ -28,7 +28,7 @@ const DeviceUptime = () => {
   }
 
   return (
-    <DashboardCardWrapper maxHeight="100px">
+    <DashboardCardWrapper >
       <YStack space={'$3'}>
         <XStack justifyContent={'space-between'}>
           <YStack>
diff --git a/src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx b/src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx
index 3b80a2cd..3cb26138 100644
--- a/src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx
+++ b/src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx
@@ -8,7 +8,7 @@ import DashboardCardWrapper from '../DashboardCardWrapper'
 const ExecutionUptime = () => {
   const monthlyActivity = [3, 0, 5, 4, 6, 7, 0, 9, 10, 1, 2, 3]
   return (
-    <DashboardCardWrapper maxHeight="100px">
+    <DashboardCardWrapper  >
       <YStack space={'$3'} minHeight={'156px'} padding={'$3'}>
         <YStack>
           <Text size={15} weight={'semibold'}>
diff --git a/src/pages/Dashboard/SyncStatusCards/SyncStatusCards.tsx b/src/pages/Dashboard/SyncStatusCards/SyncStatusCards.tsx
index fc6ff254..37f82ce6 100644
--- a/src/pages/Dashboard/SyncStatusCards/SyncStatusCards.tsx
+++ b/src/pages/Dashboard/SyncStatusCards/SyncStatusCards.tsx
@@ -7,7 +7,7 @@ import ConsensusCard from './ConsensusClientCard'
 
 const SyncStatusCard = () => {
   return (
-    <DashboardCardWrapper padding="0" minWidth="50px"  >
+    <DashboardCardWrapper padding="0" minWidth="50px" >
       <YStack space={'$2'}>
         <Stack style={{ paddingTop: '12px', paddingLeft: '16px' }}>
           <Text size={15} weight={'semibold'}>