You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.4 KiB
41 lines
1.4 KiB
import React, { useCallback } from 'react';
|
|
import { FormattedMessage } from 'react-intl';
|
|
import { useDispatch } from 'react-redux';
|
|
import { registrationsOpen } from 'mastodon/initial_state';
|
|
import { openModal } from 'mastodon/actions/modal';
|
|
|
|
const SignInBanner = () => {
|
|
const dispatch = useDispatch();
|
|
|
|
const openClosedRegistrationsModal = useCallback(
|
|
() => dispatch(openModal('CLOSED_REGISTRATIONS')),
|
|
[dispatch],
|
|
);
|
|
|
|
let signupButton;
|
|
|
|
if (registrationsOpen) {
|
|
signupButton = (
|
|
<a href='/auth/sign_up' className='button button--block'>
|
|
<FormattedMessage id='sign_in_banner.create_account' defaultMessage='Create account' />
|
|
</a>
|
|
);
|
|
} else {
|
|
signupButton = (
|
|
<button className='button button--block' onClick={openClosedRegistrationsModal}>
|
|
<FormattedMessage id='sign_in_banner.create_account' defaultMessage='Create account' />
|
|
</button>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<div className='sign-in-banner'>
|
|
<p><FormattedMessage id='sign_in_banner.text' defaultMessage='Login to follow profiles or hashtags, favourite, share and reply to posts. You can also interact from your account on a different server.' /></p>
|
|
{signupButton}
|
|
<a href='/auth/sign_in' className='button button--block button-tertiary'><FormattedMessage id='sign_in_banner.sign_in' defaultMessage='Login' /></a>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default SignInBanner;
|