From 0dbd05966bb292e4de6ab7c5ea175da8e29c249c Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Sat, 20 Apr 2024 17:01:41 +0300
Subject: [PATCH] fix(device-uptime): pass style for card height

---
 src/pages/Dashboard/Dashboard.tsx                 | 4 +---
 src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx | 6 +++---
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/pages/Dashboard/Dashboard.tsx b/src/pages/Dashboard/Dashboard.tsx
index 314442eb..07b1ab80 100644
--- a/src/pages/Dashboard/Dashboard.tsx
+++ b/src/pages/Dashboard/Dashboard.tsx
@@ -68,9 +68,7 @@ const Dashboard = () => {
             <ExecutionUptime />
             <StorageCard maxStorage={100} storage={182} />
             <CPUCard load={[12, 31, 3, 2, 24, 98]} />
-            <div style={{ gridColumn: 'span 2' }}>
-              <DeviceUptime />
-            </div>
+            <DeviceUptime style={{ gridColumn: 'span 2' }} />
             <MemoryCard currentMemory={[21, 33, 3, 42, 35]} maxMemory={50} />
             <NetworkCard
               downloadRate={[12, 31, 22, 12, 23, 23, 90]}
diff --git a/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx b/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx
index d1862f3c..2a4f2190 100644
--- a/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx
+++ b/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx
@@ -1,14 +1,14 @@
 import { Calendar, Text } from '@status-im/components'
 import { Stack, XStack, YStack } from 'tamagui'
 import { DateRange } from 'react-day-picker'
-import { useState } from 'react'
+import React, { useState } from 'react'
 
 import Icon from '../../../components/General/Icon'
 import UptimeChart from '../UptimeChart/UptimeChart'
 import DashboardCardWrapper from '../DashboardCardWrapper'
 import { getMonthIndicesFromRange } from '../../../utilities'
 
-const DeviceUptime = () => {
+const DeviceUptime = ({ style }: { style?: React.CSSProperties }) => {
   const [isCalendarVisible, setIsCalendarVisible] = useState(false)
   const [dateRange, setDateRange] = useState<DateRange>({
     from: undefined,
@@ -31,7 +31,7 @@ const DeviceUptime = () => {
   }
 
   return (
-    <DashboardCardWrapper style={{ minWidth: '100px' }}>
+    <DashboardCardWrapper style={{ minWidth: '100px', ...style }}>
       <YStack space={'$3'}>
         <XStack justifyContent={'space-between'}>
           <YStack>