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

Revamp key-step

This commit is contained in:
danidfra 2024-09-30 19:34:40 -03:00
parent ea1e70b4a2
commit de8f604381
1 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/features/ui/components/modals/nostr-signup-modal/steps/key-step.tsx
View File

@ -3,7 +3,7 @@ import { FormattedMessage } from 'react-intl';
import { openModal } from 'soapbox/actions/modals';
import EmojiGraphic from 'soapbox/components/emoji-graphic';
import { Button, Stack, Modal } from 'soapbox/components/ui';
import { Button, Stack, Modal, Text, Divider } from 'soapbox/components/ui';
import { useAppDispatch } from 'soapbox/hooks';
import NostrExtensionIndicator from '../../nostr-login-modal/components/nostr-extension-indicator';
@ -23,9 +23,12 @@ const KeyStep: React.FC<IKeyStep> = ({ setStep, onClose }) => {
};
return (
<Modal title={<FormattedMessage id='nostr_signup.key.title' defaultMessage='You need a key to continue' />} onClose={onClose}>
<Stack className='my-3' space={6}>
<NostrExtensionIndicator />
<Modal title={<FormattedMessage id='nostr_signup.siwe.title' defaultMessage='Sign up' />} width='sm' onClose={onClose}>
<Stack className='my-3' alignItems='center' space={6}>
<Text weight='semibold'>
<FormattedMessage id='nostr_signup.key.title' defaultMessage='You need a key to continue' />
</Text>
<EmojiGraphic emoji='🔑' />
@ -38,6 +41,13 @@ const KeyStep: React.FC<IKeyStep> = ({ setStep, onClose }) => {
<FormattedMessage id='nostr_signup.has_key' defaultMessage='I already have a key' />
</Button>
</Stack>
</Stack>
<Stack space={4}>
<Divider text='or' />
<NostrExtensionIndicator />
</Stack>
</Modal>
);