status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-01-24 02:09:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

format

Browse Source
This commit is contained in:
Hristo Nedelkov 2023-11-01 19:36:18 +02:00
parent 287ede45f6
commit 5672514787
8 changed files with 44 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -66,7 +66,13 @@ const DashboardContent = () => {
</Stack> </Stack>
<BasicInfoCards /> <BasicInfoCards />
{/* SECOND ROW ENDS HERE! */} {/* SECOND ROW ENDS HERE! */}
{windowWidth < 1375 ? windowWidth < 850 ? DashboardContentLayoutPhone(windowWidth) : DashboardContentLayout(windowWidth) : ( {windowWidth < 1375 ? (
windowWidth < 850 ? (
DashboardContentLayoutPhone(windowWidth)
) : (
DashboardContentLayout(windowWidth)
)
) : (
<Stack <Stack
style={{ style={{
display: 'grid', display: 'grid',
@ -76,9 +82,7 @@ const DashboardContent = () => {
}} }}
> >
<YStack> <YStack>
<XStack> <XStack>
<ConsensusUptimeCard /> <ConsensusUptimeCard />
<ExecutionUptime /> <ExecutionUptime />
</XStack> </XStack>
@ -87,12 +91,10 @@ const DashboardContent = () => {
</YStack> </YStack>
<YStack space={'$4'}> <YStack space={'$4'}>
<XStack space={'$4'}> <XStack space={'$4'}>
<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]} />
</XStack> </XStack>
<XStack space='$4'> <XStack space="$4">
<MemoryCard currentMemory={[21, 33, 3, 42, 35]} maxMemory={50} /> <MemoryCard currentMemory={[21, 33, 3, 42, 35]} maxMemory={50} />
<NetworkCard <NetworkCard
@ -107,7 +109,8 @@ const DashboardContent = () => {
) )
} }
const DashboardContentLayout = (windowWidth: number) => { const DashboardContentLayout = (windowWidth: number) => {
return (<Stack return (
<Stack
style={{ style={{
display: 'grid', display: 'grid',
gridTemplateColumns: '1fr 1fr', gridTemplateColumns: '1fr 1fr',
@ -117,9 +120,7 @@ const DashboardContentLayout = (windowWidth: number) => {
}} }}
> >
<YStack> <YStack>
<XStack> <XStack>
<ConsensusUptimeCard /> <ConsensusUptimeCard />
<ExecutionUptime /> <ExecutionUptime />
</XStack> </XStack>
@ -136,7 +137,8 @@ const DashboardContentLayout = (windowWidth: number) => {
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>
)
} }
const DashboardContentLayoutPhone = (windowWidth: number) => { const DashboardContentLayoutPhone = (windowWidth: number) => {
@ -150,14 +152,11 @@ const DashboardContentLayoutPhone = (windowWidth: number) => {
width: '101%', width: '101%',
}} }}
> >
<ConsensusUptimeCard /> <ConsensusUptimeCard />
<ExecutionUptime /> <ExecutionUptime />
<DeviceUptime /> <DeviceUptime />
<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]} />