fix gauge data
This commit is contained in:
parent
13b4d9a8c7
commit
a70faff550
|
@ -32,13 +32,13 @@ 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} />
|
<ActivationCard text="Execution Sync Status" value="" isGaugeIncluded={true} gaugeSynced={135324} gaugeTotal={200000}/>
|
||||||
<ActivationCard text="Execution Sync Status" value="" isGaugeIncluded={true} gaugeColor={'#EB5757'} />
|
<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%" />
|
||||||
<ActivationCard text="Estimated Activation Time" value="32 Days" />
|
<ActivationCard text="Estimated Activation Time" value="32 Days" />
|
||||||
<ActivationCard text="Estimated Activation Time" value="" />
|
<ActivationCard text="Estimated Activation Time" value="92603" />
|
||||||
</XStack>
|
</XStack>
|
||||||
</YStack>
|
</YStack>
|
||||||
</YStack>
|
</YStack>
|
||||||
|
|
|
@ -7,9 +7,18 @@ type ActivationCardProps = {
|
||||||
value: string
|
value: string
|
||||||
isGaugeIncluded?: boolean
|
isGaugeIncluded?: boolean
|
||||||
gaugeColor?: string
|
gaugeColor?: string
|
||||||
|
gaugeSynced?: number
|
||||||
|
gaugeTotal?: number
|
||||||
}
|
}
|
||||||
|
|
||||||
const ActivationCard = ({ text, value, isGaugeIncluded, gaugeColor }: ActivationCardProps) => {
|
const ActivationCard = ({
|
||||||
|
text,
|
||||||
|
value,
|
||||||
|
isGaugeIncluded,
|
||||||
|
gaugeColor,
|
||||||
|
gaugeSynced,
|
||||||
|
gaugeTotal,
|
||||||
|
}: ActivationCardProps) => {
|
||||||
return (
|
return (
|
||||||
<YStack
|
<YStack
|
||||||
style={{
|
style={{
|
||||||
|
@ -35,7 +44,7 @@ const ActivationCard = ({ text, value, isGaugeIncluded, gaugeColor }: Activation
|
||||||
<Text size={13} weight={'semibold'}>
|
<Text size={13} weight={'semibold'}>
|
||||||
{text}
|
{text}
|
||||||
</Text>
|
</Text>
|
||||||
<ActivationSyncCard color={gaugeColor} synced={132123} total={200000} />
|
<ActivationSyncCard color={gaugeColor} synced={gaugeSynced} total={gaugeTotal} />
|
||||||
</Stack>
|
</Stack>
|
||||||
)}
|
)}
|
||||||
</YStack>
|
</YStack>
|
||||||
|
|
Loading…
Reference in New Issue