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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/pages/ValidatorOnboarding/KeyGeneration/KeyGeneration.tsx
View File

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

35
src/pages/ValidatorOnboarding/KeyGeneration/PasswordFields.tsx
View File

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