status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-12 19:36:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use props from parent in Activation

Browse Source
This commit is contained in:
Hristo Nedelkov 2023-09-11 10:30:59 +03:00
parent 7fd7abee9c
commit 15bfaae018
1 changed files with 34 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -21,8 +21,35 @@ const styles = {
zIndex: 0,
},
}
type ActivationProps = {
validatorsValue: string;
executionSyncStatus1: {
text: string;
isGaugeIncluded: boolean;
gaugeColor: string;
gaugeSynced: number;
gaugeTotal: number;
};
executionSyncStatus2: {
text: string;
isGaugeIncluded: boolean;
gaugeColor: string;
gaugeSynced: number;
gaugeTotal: number;
};
currentAPRValue: string;
estimatedActivationTimeValue: string;
validatorQueueValue: string;
};
const Activation = () => {
const Activation = ({
validatorsValue,
executionSyncStatus1,
executionSyncStatus2,
currentAPRValue,
estimatedActivationTimeValue,
validatorQueueValue,
}) => {
const [showConfetti, setShowConfetti] = useState(true)
useEffect(() => {
@ -51,26 +78,18 @@ const Activation = () => {
</Stack>
<YStack space={'$3'} marginTop={'10px'} width={'33%'}>
<XStack space={'$3'} justifyContent={'space-between'}>
<ActivationCard text="Validators" value="4" />
<ActivationCard text="Validators" value={validatorsValue} />
<ActivationCard
text="Execution Sync Status"
isGaugeIncluded={true}
gaugeColor={"$blue"}
gaugeSynced={123.524}
gaugeTotal={172.503}
{...executionSyncStatus1}
/>
<ActivationCard
text="Execution Sync Status"
isGaugeIncluded={true}
gaugeColor={'$red'}
gaugeSynced={123.524}
gaugeTotal={172.503}
{...executionSyncStatus2}
/>
</XStack>
<XStack space={'$3'}>
<ActivationCard text="Current APR" value="4.40%" />
<ActivationCard text="Estimated Activation Time" value="32 Days" />
<ActivationCard text="Validator Queue" value="92603" />
<ActivationCard text="Current APR" value={currentAPRValue} />
<ActivationCard text="Estimated Activation Time" value={estimatedActivationTimeValue} />
<ActivationCard text="Validator Queue" value={validatorQueueValue} />
</XStack>
</YStack>
</YStack>