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

feat: add real props for sync card content

Browse Source
This commit is contained in:
RadoslavDimchev 2023-09-14 14:01:56 +03:00
parent 0a2344e6ee
commit 244c024ef6
2 changed files with 15 additions and 4 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 { formatNumberForGauge } from '../../../utilities'
const SyncCardContent = () => {
return <YStack>Client</YStack>
type SyncCardContentProps = {
title: string
value: number
total: number
}
const SyncCardContent = ({ title, value, total }: SyncCardContentProps) => {
return (
<YStack>
{title} {formatNumberForGauge(value)} / {formatNumberForGauge(total)}
</YStack>
)
}
export default SyncCardContent

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

@ -8,8 +8,8 @@ const SyncStatusCard = () => {
<DashboardCardWrapper padding="0">
<YStack space={'$2'}>
Sync Status
<SyncCardContent />
<SyncCardContent />
<SyncCardContent title={'Execution Client'} value={123.424} total={170.0} />
<SyncCardContent title={'Consensus Client'} value={123.424} total={170.0} />
</YStack>
</DashboardCardWrapper>
)