fix: add button and change texts to password fields

This commit is contained in:
RadoslavDimchev 2023-08-28 12:57:15 +03:00
parent 29eac9c92f
commit a23f985e03
2 changed files with 22 additions and 14 deletions

View File

@ -14,7 +14,6 @@ const KeyGeneration = () => {
4 Validators
</Text>
<PasswordFields />
<Button>Generate Key files</Button>
<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"
variant="error"

View File

@ -1,20 +1,29 @@
import { Input, XStack, YStack } from 'tamagui'
import { XStack, YStack } from 'tamagui'
import BorderBox from '../../../components/General/BorderBox'
import { Text } from '@status-im/components'
import { Button, Text } from '@status-im/components'
import LabelInputField from '../../../components/General/LabelInputField'
const PasswordFields = () => {
const generateKeyFilesHandler = () => {}
return (
<XStack space={'$2'} style={{ justifyContent: 'space-between' }}>
<YStack space={'$2'}>
<Input placeholder="Password" />
<Input placeholder="Confirm Password" />
</YStack>
<BorderBox>
<Text size={15} weight={'semibold'}>
Download Key Files
</Text>
</BorderBox>
</XStack>
<YStack space={'$2'}>
<XStack space={'$2'} style={{ justifyContent: 'space-between' }}>
<YStack space={'$1'}>
<LabelInputField labelText="Encryption Password" placeholderText="******************" />
<LabelInputField
labelText="Confirm Encryption Password"
placeholderText="******************"
/>
</YStack>
<BorderBox>
<Text size={15} weight={'semibold'}>
Download Key Files
</Text>
</BorderBox>
</XStack>
<Button onPress={generateKeyFilesHandler}>Generate Key files</Button>
</YStack>
)
}