status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/Dashboard/Dashboard.tsx
View File

@ -68,9 +68,7 @@ const Dashboard = () => {
<ExecutionUptime /> <ExecutionUptime />
<StorageCard maxStorage={100} storage={182} /> <StorageCard maxStorage={100} storage={182} />
<CPUCard load={[12, 31, 3, 2, 24, 98]} /> <CPUCard load={[12, 31, 3, 2, 24, 98]} />
<div style={{ gridColumn: 'span 2' }}> <DeviceUptime style={{ gridColumn: 'span 2' }} />
<DeviceUptime />
</div>
<MemoryCard currentMemory={[21, 33, 3, 42, 35]} maxMemory={50} /> <MemoryCard currentMemory={[21, 33, 3, 42, 35]} maxMemory={50} />
<NetworkCard <NetworkCard
downloadRate={[12, 31, 22, 12, 23, 23, 90]} downloadRate={[12, 31, 22, 12, 23, 23, 90]}

6
src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx
View File

@ -1,14 +1,14 @@
import { Calendar, Text } from '@status-im/components' import { Calendar, Text } from '@status-im/components'
import { Stack, XStack, YStack } from 'tamagui' import { Stack, XStack, YStack } from 'tamagui'
import { DateRange } from 'react-day-picker' import { DateRange } from 'react-day-picker'
import { useState } from 'react' import React, { useState } from 'react'
import Icon from '../../../components/General/Icon' import Icon from '../../../components/General/Icon'
import UptimeChart from '../UptimeChart/UptimeChart' import UptimeChart from '../UptimeChart/UptimeChart'
import DashboardCardWrapper from '../DashboardCardWrapper' import DashboardCardWrapper from '../DashboardCardWrapper'
import { getMonthIndicesFromRange } from '../../../utilities' import { getMonthIndicesFromRange } from '../../../utilities'
const DeviceUptime = () => { const DeviceUptime = ({ style }: { style?: React.CSSProperties }) => {
const [isCalendarVisible, setIsCalendarVisible] = useState(false) const [isCalendarVisible, setIsCalendarVisible] = useState(false)
const [dateRange, setDateRange] = useState<DateRange>({ const [dateRange, setDateRange] = useState<DateRange>({
from: undefined, from: undefined,
@ -31,7 +31,7 @@ const DeviceUptime = () => {
} }
return ( return (
<DashboardCardWrapper style={{ minWidth: '100px' }}> <DashboardCardWrapper style={{ minWidth: '100px', ...style }}>
<YStack space={'$3'}> <YStack space={'$3'}>
<XStack justifyContent={'space-between'}> <XStack justifyContent={'space-between'}>
<YStack> <YStack>