status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-01-23 17:59:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Clear code

Browse Source
This commit is contained in:
Hristo Nedelkov 2023-10-31 11:09:50 +02:00
parent 6954603d04
commit e76ceb301c
6 changed files with 24 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/Dashboard/ConsensusUptime/ConsensusUptimeCard.tsx
View File

@ -9,7 +9,7 @@ const ConsensusUptimeCard = () => {
const monthlyActivity = [3, 0, 5, 4, 6, 7, 8, 9, 10, 1, 2, 3] const monthlyActivity = [3, 0, 5, 4, 6, 7, 8, 9, 10, 1, 2, 3]
return ( return (
<DashboardCardWrapper maxHeight="100px"> <DashboardCardWrapper >
<YStack space={'$3'}> <YStack space={'$3'}>
<YStack> <YStack>
<Text size={15} weight={'semibold'}> <Text size={15} weight={'semibold'}>

38
src/pages/Dashboard/DashboardContent.tsx
View File

@ -44,7 +44,7 @@ const DashboardContent = () => {
className={'transparent-scrollbar'} className={'transparent-scrollbar'}
> >
<TitleLogo /> <TitleLogo />
<Stack style={{ {/* <Stack style={{
display: 'grid', display: 'grid',
gridTemplateColumns: windowWidth < 1375 ? '1fr 1fr' : '1fr 1fr 2fr', gridTemplateColumns: windowWidth < 1375 ? '1fr 1fr' : '1fr 1fr 2fr',
gap: '8px', gap: '8px',
@ -61,40 +61,19 @@ const DashboardContent = () => {
<BalanceChartCard /> <BalanceChartCard />
</Stack> </Stack>
} }
</Stack> </Stack> */}
<BasicInfoCards /> <BasicInfoCards />
{/* SECOND ROW ENDS HERE! */} {/* SECOND ROW ENDS HERE! */}
{/* <Stack
style={{ <Stack>
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 /> <ConsensusUptimeCard />
<ExecutionUptime /> <ExecutionUptime />
<Stack style={{ gridColumn: '1 / span 2', marginTop: windowWidth < 1300 ? '50px' : 0 }}>
<DeviceUptime /> <DeviceUptime />
</Stack> </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} /> <StorageCard maxStorage={100} storage={82} />
<CPUCard load={[12, 31, 3, 2, 24, 98]} /> <CPUCard load={[12, 31, 3, 2, 24, 98]} />
<MemoryCard currentMemory={[21, 33, 3, 42, 35]} maxMemory={50} /> <MemoryCard currentMemory={[21, 33, 3, 42, 35]} maxMemory={50} />
@ -102,8 +81,7 @@ const DashboardContent = () => {
downloadRate={[12, 31, 22, 12, 23, 23, 90]} downloadRate={[12, 31, 22, 12, 23, 23, 90]}
uploadRate={[31, 22, 32, 132, 32, 45, 65]} uploadRate={[31, 22, 32, 132, 32, 45, 65]}
/> />
</Stack>
</Stack> */}
</YStack > </YStack >
) )

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

@ -28,7 +28,7 @@ const DeviceUptime = () => {
} }
return ( return (
<DashboardCardWrapper maxHeight="100px"> <DashboardCardWrapper >
<YStack space={'$3'}> <YStack space={'$3'}>
<XStack justifyContent={'space-between'}> <XStack justifyContent={'space-between'}>
<YStack> <YStack>

2
src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx
View File

@ -8,7 +8,7 @@ import DashboardCardWrapper from '../DashboardCardWrapper'
const ExecutionUptime = () => { const ExecutionUptime = () => {
const monthlyActivity = [3, 0, 5, 4, 6, 7, 0, 9, 10, 1, 2, 3] const monthlyActivity = [3, 0, 5, 4, 6, 7, 0, 9, 10, 1, 2, 3]
return ( return (
<DashboardCardWrapper maxHeight="100px"> <DashboardCardWrapper >
<YStack space={'$3'} minHeight={'156px'} padding={'$3'}> <YStack space={'$3'} minHeight={'156px'} padding={'$3'}>
<YStack> <YStack>
<Text size={15} weight={'semibold'}> <Text size={15} weight={'semibold'}>