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

feat(migrate-panel): warning and keystore card 100% width

This commit is contained in:
RadoslavDimchev 2024-02-20 13:14:40 +02:00 committed by Emil Ivanichkov
parent a72208a7e9
commit 421e04efd9
2 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/MigratePanel.tsx
View File

@ -1,6 +1,6 @@
import { Button, InformationBox, Text } from '@status-im/components' import { Button, InformationBox, Text } from '@status-im/components'
import { CloseCircleIcon } from '@status-im/icons' import { CloseCircleIcon } from '@status-im/icons'
import { Stack, XStack, YStack } from 'tamagui' import { XStack, YStack } from 'tamagui'
import { useState } from 'react' import { useState } from 'react'
import KeystoreBackupsCard from '../../../../ValidatorOnboarding/KeyGeneration/KeystoreFiles/KeystoreBackupsCard' import KeystoreBackupsCard from '../../../../ValidatorOnboarding/KeyGeneration/KeystoreFiles/KeystoreBackupsCard'
@ -34,14 +34,16 @@ const MigratePanel = () => {
</Text> </Text>
</YStack> </YStack>
<KeystoreBackupsCard /> <KeystoreBackupsCard />
{isVisibleWarning && ( <div style={{ width: '100%' }}>
<InformationBox {isVisibleWarning && (
message="Please make sure to enforce the file on another node to continue validating with your Validator." <InformationBox
variant="error" message="Please make sure to enforce the file on another node to continue validating with your Validator."
icon={<CloseCircleIcon size={20} />} variant="error"
onClosePress={() => setIsVisibleWarning(false)} icon={<CloseCircleIcon size={20} />}
/> onClosePress={() => setIsVisibleWarning(false)}
)} />
)}
</div>
<XStack style={{ width: '100%', justifyContent: 'end' }}> <XStack style={{ width: '100%', justifyContent: 'end' }}>
<Button onPress={migrateValidatorHandler}>Migrate Validator</Button> <Button onPress={migrateValidatorHandler}>Migrate Validator</Button>
</XStack> </XStack>

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

@ -18,6 +18,7 @@ const KeystoreBackupsCard = () => {
borderRadius: '16px', borderRadius: '16px',
padding: '9px 16px', padding: '9px 16px',
cursor: 'pointer', cursor: 'pointer',
width: '100%',
}} }}
onPress={downloadKeyFilesHandler} onPress={downloadKeyFilesHandler}
> >