kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
Improve Waitlist UX
rodzic
e734c7c967
commit
6746642321
|
@ -17,8 +17,6 @@ const WaitlistPage = ({ account }) => {
|
||||||
|
|
||||||
const logo = useSelector((state) => getSoapboxConfig(state).get('logo'));
|
const logo = useSelector((state) => getSoapboxConfig(state).get('logo'));
|
||||||
|
|
||||||
const waitlistPosition = account.getIn(['source', 'unapproved_position']);
|
|
||||||
|
|
||||||
const onClickLogOut = (event) => {
|
const onClickLogOut = (event) => {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
dispatch(logOut(intl));
|
dispatch(logOut(intl));
|
||||||
|
@ -47,12 +45,13 @@ const WaitlistPage = ({ account }) => {
|
||||||
<img src='/instance/images/waitlist.png' className='mx-auto w-32 h-32' alt='Waitlisted' />
|
<img src='/instance/images/waitlist.png' className='mx-auto w-32 h-32' alt='Waitlisted' />
|
||||||
|
|
||||||
<Stack space={2}>
|
<Stack space={2}>
|
||||||
<Text size='3xl' align='center' theme='primary' weight='bold'>#{waitlistPosition.toLocaleString()}</Text>
|
<Text size='2xl' align='center' weight='bold'>
|
||||||
<Text size='2xl' align='center' weight='bold'>You're on the Waitlist!</Text>
|
@{account.acct} has been created successfully!
|
||||||
|
</Text>
|
||||||
<Text size='lg' theme='muted' align='center' weight='medium'>
|
<Text size='lg' theme='muted' align='center' weight='medium'>
|
||||||
Thanks for joining! Due to high demand, we have placed you on our
|
Due to massive demand, we have placed you on our waitlist.
|
||||||
waitlist. We love you, and you are not just another number to us! But your
|
We love you, and you're not just another number to us.
|
||||||
waitlist number is above <span role='img' aria-label='Smile'>🙂</span>
|
We are working to get you on our platform. Stay tuned!
|
||||||
</Text>
|
</Text>
|
||||||
</Stack>
|
</Stack>
|
||||||
</Stack>
|
</Stack>
|
||||||
|
|
Ładowanie…
Reference in New Issue