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

feat: update validator request structure

Browse Source
This commit is contained in:
RadoslavDimchev 2023-09-27 21:27:20 +03:00
parent da61af6016
commit f1d3cf4793
1 changed files with 27 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/pages/ValidatorOnboarding/Deposit/ValidatorRequest.tsx
View File

@ -10,30 +10,34 @@ type ValidatorRequestProps = {
const ValidatorRequest = ({ number }: ValidatorRequestProps) => {
return (
<YStack space={'$3'} style={{ width: '100%' }}>
<XStack style={{ justifyContent: 'space-between', alignItems: 'center' }}>
<XStack space={'$2'}>
<Avatar
type="user"
size={32}
src="/icons/validator-request.svg"
name={number.toString()}
indicator="online"
/>
<YStack>
<Text size={13} weight={'semibold'}>
Validator {number}
</Text>
<Text size={13} color="#647084">
{getFormattedValidatorAddress('zQ3asdf9d4Gs0')}
</Text>
</YStack>
<XStack style={{ justifyContent: 'space-between', width: '100%' }}>
<XStack style={{ justifyContent: 'space-between', width: '40%' }}>
<XStack space={'$2'}>
<Avatar
type="user"
size={32}
src="/icons/validator-request.svg"
name={number.toString()}
indicator="online"
/>
<YStack>
<Text size={13} weight={'semibold'}>
Validator {number}
</Text>
<Text size={13} color="#647084">
{getFormattedValidatorAddress('zQ3asdf9d4Gs0')}
</Text>
</YStack>
</XStack>
<Text size={13} color="#647084" weight={'semibold'}>
Keys Generated
</Text>
</XStack>
<XStack style={{ justifyContent: true ? 'end' : 'space-between', width: '60%' }}>
<Text size={13} color="#2F80ED" weight={'semibold'}>
Requires Deposit
</Text>
</XStack>
<Text size={13} color="#647084" weight={'semibold'}>
Keys Generated
</Text>
<Text size={13} color="#2F80ED" weight={'semibold'}>
Requires Deposit
</Text>
</XStack>
<DividerLine />
</YStack>