From ff26094c436834e8bc3c4c2e798b74025d7d6c87 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Wed, 18 Oct 2023 18:11:50 +0300
Subject: [PATCH] format

---
 .../General/AddCards/AddCardsContainer.tsx    |  2 +-
 .../BalanceChartCard/BalanceChartCard.tsx     |  4 +--
 .../Dashboard/BalanceChartCard/LineChart.tsx  |  2 +-
 src/pages/Dashboard/DashboardCardWrapper.tsx  |  2 +-
 src/pages/Dashboard/DashboardContent.tsx      | 30 +++++++++----------
 .../Dashboard/DeviceUptime/DeviceUptime.tsx   |  4 +--
 .../ExecutionUptime/ExecutionUptime.tsx       |  2 +-
 .../SyncStatusCards/SyncStatusCards.tsx       |  2 +-
 8 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/src/components/General/AddCards/AddCardsContainer.tsx b/src/components/General/AddCards/AddCardsContainer.tsx
index 0a4c7c61..c5409d41 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='150px'>
+    <DashboardCardWrapper padding="0" minWidth="150px">
       <YStack height={'100%'}>
         {Array.from({ length: cards }).map(() => (
           <AddCard style={{ padding: '56px', height: getHeightPercentages(cards) }} />
diff --git a/src/pages/Dashboard/BalanceChartCard/BalanceChartCard.tsx b/src/pages/Dashboard/BalanceChartCard/BalanceChartCard.tsx
index 2c55be6f..6bb491f6 100644
--- a/src/pages/Dashboard/BalanceChartCard/BalanceChartCard.tsx
+++ b/src/pages/Dashboard/BalanceChartCard/BalanceChartCard.tsx
@@ -37,8 +37,8 @@ const BalanceChartCard = () => {
   }
 
   return (
-    <DashboardCardWrapper minWidth={'536px'}  maxHeight='300px' >
-      <YStack space={'$4'} >
+    <DashboardCardWrapper minWidth={'536px'} maxHeight="300px">
+      <YStack space={'$4'}>
         <XStack justifyContent={'space-between'}>
           <YStack>
             <Text size={15} weight={'semibold'}>
diff --git a/src/pages/Dashboard/BalanceChartCard/LineChart.tsx b/src/pages/Dashboard/BalanceChartCard/LineChart.tsx
index b76d4f11..73f8c5f4 100644
--- a/src/pages/Dashboard/BalanceChartCard/LineChart.tsx
+++ b/src/pages/Dashboard/BalanceChartCard/LineChart.tsx
@@ -37,7 +37,7 @@ const LineChart = ({ years, userGains }: LineChartProps) => {
   }
 
   return (
-    <Stack width={'100%'} height={'75%'} > 
+    <Stack width={'100%'} height={'75%'}>
       <Line data={data} options={options} />
     </Stack>
   )
diff --git a/src/pages/Dashboard/DashboardCardWrapper.tsx b/src/pages/Dashboard/DashboardCardWrapper.tsx
index cb8f5a7b..e6a4d5f7 100644
--- a/src/pages/Dashboard/DashboardCardWrapper.tsx
+++ b/src/pages/Dashboard/DashboardCardWrapper.tsx
@@ -31,7 +31,7 @@ const DashboardCardWrapper = ({
         backgroundColor: '$background',
         minWidth: minWidth,
         maxWidth: maxWidth,
-        maxHeight: maxHeight
+        maxHeight: maxHeight,
       }}
     >
       {children}
diff --git a/src/pages/Dashboard/DashboardContent.tsx b/src/pages/Dashboard/DashboardContent.tsx
index 4977edfd..63529fc4 100644
--- a/src/pages/Dashboard/DashboardContent.tsx
+++ b/src/pages/Dashboard/DashboardContent.tsx
@@ -14,18 +14,18 @@ import SyncStatusCard from './SyncStatusCards/SyncStatusCards'
 import MemoryCard from './MemoryCard/MemoryCard'
 import { useEffect, useState } from 'react'
 const DashboardContent = () => {
-  const [windowWidth, setWindowWidth] = useState(window.innerWidth);
+  const [windowWidth, setWindowWidth] = useState(window.innerWidth)
 
   useEffect(() => {
     const handleResize = () => {
-      setWindowWidth(window.innerWidth);
-    };
+      setWindowWidth(window.innerWidth)
+    }
 
-    window.addEventListener('resize', handleResize);
+    window.addEventListener('resize', handleResize)
     return () => {
-      window.removeEventListener('resize', handleResize);
-    };
-  }, []);
+      window.removeEventListener('resize', handleResize)
+    }
+  }, [])
   return (
     <YStack
       space="$4"
@@ -41,12 +41,13 @@ const DashboardContent = () => {
     >
       <TitleLogo />
 
-      <div style={{
-            display: 'grid',
-            gridTemplateColumns: windowWidth < 1300 ? '0.5fr' : '25fr 25fr 90fr',
-            gap: '16px'
-        }}>
-
+      <div
+        style={{
+          display: 'grid',
+          gridTemplateColumns: windowWidth < 1300 ? '0.5fr' : '25fr 25fr 90fr',
+          gap: '16px',
+        }}
+      >
         <SyncStatusCard />
         <AddCardsContainer />
 
@@ -55,7 +56,7 @@ const DashboardContent = () => {
 
       <BasicInfoCards />
 
-      <XStack space="$3" flexWrap='wrap' >
+      <XStack space="$3" flexWrap="wrap">
         <YStack space="$4">
           <XStack justifyContent="space-between">
             <ConsensusUptimeCard />
@@ -83,4 +84,3 @@ const DashboardContent = () => {
 }
 
 export default DashboardContent
-
diff --git a/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx b/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx
index 5a9131a4..c1dd3720 100644
--- a/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx
+++ b/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx
@@ -28,8 +28,8 @@ const DeviceUptime = () => {
   }
 
   return (
-    <DashboardCardWrapper maxHeight='350px'>
-      <YStack space={'$3'}   >
+    <DashboardCardWrapper maxHeight="350px">
+      <YStack space={'$3'}>
         <XStack justifyContent={'space-between'}>
           <YStack>
             <Text size={15} weight={'semibold'}>
diff --git a/src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx b/src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx
index 851c0a0c..71183ed1 100644
--- a/src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx
+++ b/src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx
@@ -14,7 +14,7 @@ const ExecutionUptime = () => {
         minWidth: '260px',
       }}
     >
-      <YStack space={'$3'}   minHeight={'156px'} padding={'$3'}>
+      <YStack space={'$3'} minHeight={'156px'} padding={'$3'}>
         <YStack>
           <Text size={15} weight={'semibold'}>
             Execution Uptime
diff --git a/src/pages/Dashboard/SyncStatusCards/SyncStatusCards.tsx b/src/pages/Dashboard/SyncStatusCards/SyncStatusCards.tsx
index bbfabded..dfce36e4 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='250px'>
+    <DashboardCardWrapper padding="0" minWidth="250px">
       <YStack space={'$2'}>
         <Stack style={{ paddingTop: '12px', paddingLeft: '16px' }}>
           <Text size={15} weight={'semibold'}>