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

Merge branch 'Create-Dashboard' of https://github.com/nimbus-gui/nimbus-gui into Create-Dashboard

This commit is contained in:
Hristo Nedelkov 2023-09-14 14:21:30 +03:00
parent 074cff0ce1 244c024ef6
commit 8c7ee7517a
2 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/pages/Dashboard/SyncStatusCard/SyncCardContent.tsx
View File

@ -1,7 +1,18 @@
import { YStack } from 'tamagui' import { YStack } from 'tamagui'
import { formatNumberForGauge } from '../../../utilities'
const SyncCardContent = () => { type SyncCardContentProps = {
return <YStack>Client</YStack> title: string
value: number
total: number
}
const SyncCardContent = ({ title, value, total }: SyncCardContentProps) => {
return (
<YStack>
{title} {formatNumberForGauge(value)} / {formatNumberForGauge(total)}
</YStack>
)
} }
export default SyncCardContent export default SyncCardContent

13
src/pages/Dashboard/SyncStatusCard/SyncStatusCard.tsx
View File

@ -1,14 +1,17 @@
import { YStack } from 'tamagui' import { YStack } from 'tamagui'
import SyncCardContent from './SyncCardContent' import SyncCardContent from './SyncCardContent'
import DashboardCardWrapper from '../DashboardCardWrapper'
const SyncStatusCard = () => { const SyncStatusCard = () => {
return ( return (
<YStack space={'$2'}> <DashboardCardWrapper padding="0">
Sync Status <YStack space={'$2'}>
<SyncCardContent /> Sync Status
<SyncCardContent /> <SyncCardContent title={'Execution Client'} value={123.424} total={170.0} />
</YStack> <SyncCardContent title={'Consensus Client'} value={123.424} total={170.0} />
</YStack>
</DashboardCardWrapper>
) )
} }