2022-10-27 02:35:55 +09:00
import React , { useCallback } from 'react' ;
2022-09-29 11:39:33 +09:00
import { FormattedMessage } from 'react-intl' ;
2022-10-27 02:35:55 +09:00
import { useDispatch } from 'react-redux' ;
2022-09-29 13:21:51 +09:00
import { registrationsOpen } from 'mastodon/initial_state' ;
2022-10-27 02:35:55 +09:00
import { openModal } from 'mastodon/actions/modal' ;
2022-09-29 11:39:33 +09:00
2022-10-27 02:35:55 +09:00
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 button-tertiary' >
< FormattedMessage id = 'sign_in_banner.create_account' defaultMessage = 'Create account' / >
< / a >
) ;
} else {
signupButton = (
< button className = 'button button--block button-tertiary' onClick = { openClosedRegistrationsModal } >
< FormattedMessage id = 'sign_in_banner.create_account' defaultMessage = 'Create account' / >
< / b u t t o n >
) ;
}
return (
< div className = 'sign-in-banner' >
2023-01-19 01:15:23 +09:00
< p > < FormattedMessage id = 'sign_in_banner.text' defaultMessage = 'Sign in to follow profiles or hashtags, favourite, share and reply to posts. You can also interact from your account on a different server.' / > < / p >
2022-10-27 02:35:55 +09:00
< a href = '/auth/sign_in' className = 'button button--block' > < FormattedMessage id = 'sign_in_banner.sign_in' defaultMessage = 'Sign in' / > < / a >
{ signupButton }
< / d i v >
) ;
} ;
2022-09-29 11:39:33 +09:00
export default SignInBanner ;