moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Revamp key-add-step

This commit is contained in:
danidfra 2024-09-30 19:33:27 -03:00
parent 12376f0300
commit ea1e70b4a2
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/features/ui/components/modals/nostr-login-modal/steps/key-add-step.tsx
View File

@ -4,7 +4,7 @@ import { FormattedMessage } from 'react-intl';
import { logInNostr } from 'soapbox/actions/nostr'; import { logInNostr } from 'soapbox/actions/nostr';
import EmojiGraphic from 'soapbox/components/emoji-graphic'; import EmojiGraphic from 'soapbox/components/emoji-graphic';
import { Button, Stack, Modal, Input, FormGroup, Form } from 'soapbox/components/ui'; import { Button, Stack, Modal, Input, FormGroup, Form, Divider } from 'soapbox/components/ui';
import { NKeys } from 'soapbox/features/nostr/keys'; import { NKeys } from 'soapbox/features/nostr/keys';
import { useAppDispatch } from 'soapbox/hooks'; import { useAppDispatch } from 'soapbox/hooks';
@ -43,9 +43,8 @@ const KeyAddStep: React.FC<IKeyAddStep> = ({ onClose }) => {
}; };
return ( return (
<Modal title={<FormattedMessage id='nostr_signup.key-add.title' defaultMessage='Import Key' />} onClose={onClose}> <Modal title={<FormattedMessage id='nostr_signup.key-add.title' defaultMessage='Import Key' />} width='sm' onClose={onClose}>
<Stack className='my-3' space={6}> <Stack className='my-3' space={6}>
<NostrExtensionIndicator />
<EmojiGraphic emoji='🔑' /> <EmojiGraphic emoji='🔑' />
@ -60,11 +59,20 @@ const KeyAddStep: React.FC<IKeyAddStep> = ({ onClose }) => {
/> />
</FormGroup> </FormGroup>
<Button theme='accent' size='lg' type='submit' disabled={!nsec}> <Stack space={2}>
<FormattedMessage id='nostr_signup.key-add.key_button' defaultMessage='Add Key' /> <Button theme='accent' size='lg' type='submit' disabled={!nsec}>
</Button> <FormattedMessage id='nostr_signup.key-add.key_button' defaultMessage='Add Key' />
</Button>
<Divider text='or' />
<NostrExtensionIndicator />
</Stack>
</Stack> </Stack>
</Form> </Form>
</Stack> </Stack>
</Modal> </Modal>
); );