feat: add different states for recovery mechanisms

This commit is contained in:
RadoslavDimchev 2023-08-28 21:14:56 +03:00
parent b792536f44
commit 664a220681
1 changed files with 20 additions and 12 deletions

View File

@ -23,18 +23,26 @@ const KeyGeneration = () => {
<Text size={27} weight={'semibold'}> <Text size={27} weight={'semibold'}>
4 Validators 4 Validators
</Text> </Text>
{selectedRecoveryMechanism === 'Key Files' && (
<>
<PasswordFields /> <PasswordFields />
<InformationBox <InformationBox
message="You should see that you have one keystore per validator. This keystore contains your signing key, encrypted with your password. Warning: Do not store keys on multiple (backup) validator clients at once" message="You should see that you have one keystore per validator. This keystore contains your signing key, encrypted with your password. Warning: Do not store keys on multiple (backup) validator clients at once"
variant="error" variant="error"
icon={<CloseCircleIcon size={20} />} icon={<CloseCircleIcon size={20} />}
/> />
</>
)}
{selectedRecoveryMechanism === 'Recovery Phrase' && (
<>
<Button>Reveal Recovery Phrase</Button> <Button>Reveal Recovery Phrase</Button>
<InformationBox <InformationBox
message="Write down and keep your Secret Recovery Phrase in a secure place. Make sure no one is looking at your screen." message="Write down and keep your Secret Recovery Phrase in a secure place. Make sure no one is looking at your screen."
variant="error" variant="error"
icon={<CloseCircleIcon size={20} />} icon={<CloseCircleIcon size={20} />}
/> />
</>
)}
</YStack> </YStack>
) )
} }