fix(device-uptime): pass style for card height

This commit is contained in:
RadoslavDimchev 2024-04-20 17:01:41 +03:00 committed by Emil Ivanichkov
parent e08fab7a80
commit 0dbd05966b
2 changed files with 4 additions and 6 deletions

View File

@ -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]}

View File

@ -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>