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

NostrSigninModal: make use of Back button

This commit is contained in:
Alex Gleason 2024-02-18 13:34:52 -06:00
parent ba04c43477
commit b382a96d6a
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/features/ui/components/modals/nostr-signin-modal/steps/account-step.tsx
View File

@ -3,7 +3,7 @@ import React, { useMemo } from 'react';
import { FormattedMessage } from 'react-intl'; import { FormattedMessage } from 'react-intl';
import { useAccount } from 'soapbox/api/hooks'; import { useAccount } from 'soapbox/api/hooks';
import { Avatar, Text, Stack, Emoji, Button, Tooltip, HStack, Modal } from 'soapbox/components/ui'; import { Avatar, Text, Stack, Emoji, Button, Tooltip, Modal } from 'soapbox/components/ui';
import { useInstance } from 'soapbox/hooks'; import { useInstance } from 'soapbox/hooks';
interface IAccountStep { interface IAccountStep {
@ -21,14 +21,16 @@ const AccountStep: React.FC<IAccountStep> = ({ accountId, setStep, onClose }) =>
[account?.acct], [account?.acct],
); );
const goBack = () => setStep(1);
if (!account) { if (!account) {
return null; return null;
} }
return ( return (
<Modal title={<FormattedMessage id='nostr_signin.account.title' defaultMessage='Your account' />} onClose={onClose}> <Modal
title={<FormattedMessage id='nostr_signin.account.title' defaultMessage='Your account' />}
onClose={onClose}
onBack={() => setStep(1)}
>
<Stack space={6}> <Stack space={6}>
<Stack space={3} alignItems='center'> <Stack space={3} alignItems='center'>
<Avatar className='bg-gray-100 dark:bg-gray-800' src={account.avatar} size={160} /> <Avatar className='bg-gray-100 dark:bg-gray-800' src={account.avatar} size={160} />
@ -51,10 +53,7 @@ const AccountStep: React.FC<IAccountStep> = ({ accountId, setStep, onClose }) =>
</Stack> </Stack>
{account.ditto.is_registered ? ( {account.ditto.is_registered ? (
<HStack space={3}> <Button theme='accent' size='lg' block>Continue</Button>
<Button theme='transparent' size='lg' block onClick={goBack}>Not me</Button>
<Button theme='accent' size='lg' block>Continue</Button>
</HStack>
) : ( ) : (
<Stack space={6}> <Stack space={6}>
<Stack space={3} alignItems='center' className='rounded-xl bg-gray-100 p-4 dark:bg-gray-800'> <Stack space={3} alignItems='center' className='rounded-xl bg-gray-100 p-4 dark:bg-gray-800'>
@ -65,10 +64,7 @@ const AccountStep: React.FC<IAccountStep> = ({ accountId, setStep, onClose }) =>
</Text> </Text>
</Stack> </Stack>
<HStack space={3}> <Button theme='accent' size='lg' block>Join</Button>
<Button theme='transparent' size='lg' block onClick={goBack}>Not me</Button>
<Button theme='accent' size='lg' block>Join</Button>
</HStack>
</Stack> </Stack>
)} )}
</Stack> </Stack>