matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added translations for public_header text elements

Browse Source
This commit is contained in:
Curtis ROck
2020-08-05 21:12:15 -05:00
parent f07de93ee3
commit 0830d227a5
64 changed files with 2919 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/soapbox/features/public_layout/components/header.js
View File

@ -6,6 +6,15 @@ import { Link } from 'react-router-dom';
import LoginForm from 'soapbox/features/auth_login/components/login_form';
import SiteLogo from './site_logo';
import SoapboxPropTypes from 'soapbox/utils/soapbox_prop_types';
import { defineMessages, injectIntl } from 'react-intl';
import PropTypes from 'prop-types';
const messages = defineMessages({
home: { id: 'header.home.label', defaultMessage: 'Home' },
about: { id: 'header.about.label', defaultMessage: 'About' },
backTo: { id: 'header.back_to.label', defaultMessage: 'Back to' },
login: { id: 'header.login.label', defaultMessage: 'Log in' },
});
const mapStateToProps = state => ({
me: state.get('me'),
@ -13,15 +22,17 @@ const mapStateToProps = state => ({
});
export default @connect(mapStateToProps)
@injectIntl
class Header extends ImmutablePureComponent {
static propTypes = {
me: SoapboxPropTypes.me,
instance: ImmutablePropTypes.map,
intl: PropTypes.object.isRequired,
}
render() {
const { me, instance } = this.props;
const { me, instance, intl } = this.props;
return (
<nav className='header'>
@ -30,21 +41,21 @@ class Header extends ImmutablePureComponent {
<Link className='brand' to='/'>
<SiteLogo />
</Link>
<Link className='nav-link optional' to='/'>Home</Link>
<Link className='nav-link' to='/about'>About</Link>
<Link className='nav-link optional' to='/'>{intl.formatMessage(messages.home)}</Link>
<Link className='nav-link' to='/about'>{intl.formatMessage(messages.about)}</Link>
</div>
<div className='nav-center' />
<div className='nav-right'>
<div className='hidden-sm'>
{me
? <Link className='nav-link nav-button webapp-btn' to='/'>Back to {instance.get('title')}</Link>
? <Link className='nav-link nav-button webapp-btn' to='/'>{intl.formatMessage(messages.backTo)} {instance.get('title')}</Link>
: <LoginForm />
}
</div>
<div className='visible-sm'>
{me
? <Link className='nav-link nav-button webapp-btn' to='/'>Back to {instance.get('title')}</Link>
: <Link className='nav-link nav-button webapp-btn' to='/auth/sign_in'>Log in</Link>
? <Link className='nav-link nav-button webapp-btn' to='/'>{intl.formatMessage(messages.backTo)} {instance.get('title')}</Link>
: <Link className='nav-link nav-button webapp-btn' to='/auth/sign_in'>{intl.formatMessage(messages.login)}</Link>
}
</div>
</div>