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

feat: add valid icon to sync card

This commit is contained in:
RadoslavDimchev 2023-09-15 18:16:04 +03:00
parent b1b867df21
commit 07900172e7
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,9 @@
import { Separator, XStack, YStack } from 'tamagui' import { Separator, XStack, YStack } from 'tamagui'
import { formatNumberForGauge } from '../../../utilities'
import { Text } from '@status-im/components' import { Text } from '@status-im/components'
import { SwapIcon } from '@status-im/icons'
import { formatNumberForGauge } from '../../../utilities'
import IconText from '../../../components/General/IconText'
type SyncCardContentProps = { type SyncCardContentProps = {
title: string title: string
@ -16,7 +19,7 @@ const SyncCardContent = ({ title, value, total }: SyncCardContentProps) => {
</Text> </Text>
<Separator borderColor={'#e3e3e3'} /> <Separator borderColor={'#e3e3e3'} />
<XStack space={'$2'} style={{ padding: '10px 16px 10px 16px' }}> <XStack space={'$2'} style={{ padding: '10px 16px 10px 16px' }}>
{/* <IconText icon={<TokenIcon size={16} />}>Syncing</IconText> */} <IconText icon={<SwapIcon size={16} />}>Syncing</IconText>
<Text size={13}> <Text size={13}>
{formatNumberForGauge(value)} / {formatNumberForGauge(total)} {formatNumberForGauge(value)} / {formatNumberForGauge(total)}
</Text> </Text>

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

@ -1,8 +1,8 @@
import { Separator, YStack } from 'tamagui' import { Separator, YStack } from 'tamagui'
import { Text } from '@status-im/components'
import SyncCardContent from './SyncCardContent' import SyncCardContent from './SyncCardContent'
import DashboardCardWrapper from '../DashboardCardWrapper' import DashboardCardWrapper from '../DashboardCardWrapper'
import { Text } from '@status-im/components'
const SyncStatusCard = () => { const SyncStatusCard = () => {
return ( return (