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

Remove warnings

This commit is contained in:
Hristo Nedelkov 2023-08-29 12:18:28 +03:00
parent a0a3c2561d
commit 6a98e04e89
3 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/pages/ValidatorOnboarding/Activation/Activation.tsx
View File

@ -1,4 +1,4 @@
import React, { useState, useEffect } from 'react' import { useState, useEffect } from 'react'
import { XStack, Stack, YStack } from 'tamagui' import { XStack, Stack, YStack } from 'tamagui'
import { Text } from '@status-im/components' import { Text } from '@status-im/components'
import Confetti from 'react-confetti' import Confetti from 'react-confetti'
@ -19,8 +19,8 @@ const Activation = () => {
return ( return (
<Stack width={'100%'}> <Stack width={'100%'}>
{showConfetti && <Confetti width={1000} height={800} style={{ zIndex: 0 }} />}
<YStack style={{ padding: '16px 32px' }}> <YStack style={{ padding: '16px 32px' }}>
{showConfetti && <Confetti width={1540} height={800} style={{ zIndex: 0 }} />}
<YStack space={'$5'}> <YStack space={'$5'}>
<Text size={27} weight={'semibold'}> <Text size={27} weight={'semibold'}>
Validator Setup Validator Setup
@ -32,8 +32,21 @@ const Activation = () => {
<YStack space={'$2'} marginTop={'10px'} width={'33%'}> <YStack space={'$2'} marginTop={'10px'} width={'33%'}>
<XStack space={'$2'} justifyContent={'space-between'}> <XStack space={'$2'} justifyContent={'space-between'}>
<ActivationCard text="Validators" value="4" /> <ActivationCard text="Validators" value="4" />
<ActivationCard text="Execution Sync Status" value="" isGaugeIncluded={true} gaugeSynced={135324} gaugeTotal={200000}/> <ActivationCard
<ActivationCard text="Execution Sync Status" value="" isGaugeIncluded={true} gaugeColor={'#EB5757'} gaugeSynced={35324} gaugeTotal={200000}/> text="Execution Sync Status"
value=""
isGaugeIncluded={true}
gaugeSynced={135324}
gaugeTotal={200000}
/>
<ActivationCard
text="Execution Sync Status"
value=""
isGaugeIncluded={true}
gaugeColor={'#EB5757'}
gaugeSynced={35324}
gaugeTotal={200000}
/>
</XStack> </XStack>
<XStack space={'$2'}> <XStack space={'$2'}>
<ActivationCard text="Current APR" value="4.40%" /> <ActivationCard text="Current APR" value="4.40%" />

8
src/pages/ValidatorOnboarding/Activation/ActivationCard.tsx
View File

@ -1,4 +1,4 @@
import { Stack, XStack, YStack } from 'tamagui' import { Stack, YStack } from 'tamagui'
import { Text } from '@status-im/components' import { Text } from '@status-im/components'
import ActivationSyncCard from './ActivationSyncCard' import ActivationSyncCard from './ActivationSyncCard'
@ -44,7 +44,11 @@ const ActivationCard = ({
<Text size={13} weight={'semibold'}> <Text size={13} weight={'semibold'}>
{text} {text}
</Text> </Text>
<ActivationSyncCard color={gaugeColor} synced={gaugeSynced} total={gaugeTotal} /> <ActivationSyncCard
color={gaugeColor || ''}
synced={gaugeSynced || 0}
total={gaugeTotal || 1}
/>
</Stack> </Stack>
)} )}
</YStack> </YStack>

2
src/pages/ValidatorOnboarding/Activation/ActivationSyncCard.tsx
View File

@ -1,11 +1,11 @@
import { Stack, XStack, YStack } from 'tamagui' import { Stack, XStack, YStack } from 'tamagui'
import StandardGauge from '../../../components/Charts/StandardGauge' import StandardGauge from '../../../components/Charts/StandardGauge'
import { Text } from '@status-im/components' import { Text } from '@status-im/components'
import BorderBox from '../../../components/General/BorderBox'
type ActivationSyncCardProps = { type ActivationSyncCardProps = {
synced: number synced: number
total: number total: number
color: string color: string
} }