Footer
This commit is contained in:
parent
5c122a035b
commit
b8aa1ec133
1 changed files with 21 additions and 58 deletions
|
@ -1,5 +1,4 @@
|
||||||
import { FormattedMessage } from 'react-intl';
|
import { FormattedMessage } from 'react-intl';
|
||||||
|
|
||||||
import { Link } from 'react-router-dom';
|
import { Link } from 'react-router-dom';
|
||||||
|
|
||||||
import {
|
import {
|
||||||
|
@ -11,18 +10,17 @@ import {
|
||||||
termsOfServiceEnabled,
|
termsOfServiceEnabled,
|
||||||
} from 'mastodon/initial_state';
|
} from 'mastodon/initial_state';
|
||||||
|
|
||||||
const DividingCircle: React.FC = () => <span aria-hidden>{' · '}</span>;
|
const DividingCircle: React.FC = () => <span aria-hidden={true}>{' · '}</span>;
|
||||||
|
|
||||||
export const LinkFooter: React.FC<{
|
export const LinkFooter: React.FC<{ multiColumn: boolean }> = ({ multiColumn }) => {
|
||||||
multiColumn: boolean;
|
|
||||||
}> = ({ multiColumn }) => {
|
|
||||||
return (
|
return (
|
||||||
<div className='link-footer'>
|
<footer className='link-footer' role='contentinfo'>
|
||||||
<p>
|
<p>
|
||||||
<strong>{domain}</strong>:{' '}
|
<strong>{domain}</strong>:{' '}
|
||||||
<Link to='/about' target={multiColumn ? '_blank' : undefined}>
|
<Link to='/about' target={multiColumn ? '_blank' : undefined}>
|
||||||
<FormattedMessage id='footer.about' defaultMessage='About' />
|
<FormattedMessage id='footer.about' defaultMessage='About' />
|
||||||
</Link>
|
</Link>
|
||||||
|
|
||||||
{statusPageUrl && (
|
{statusPageUrl && (
|
||||||
<>
|
<>
|
||||||
<DividingCircle />
|
<DividingCircle />
|
||||||
|
@ -31,71 +29,36 @@ export const LinkFooter: React.FC<{
|
||||||
</a>
|
</a>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
{canProfileDirectory && (
|
|
||||||
<>
|
|
||||||
<DividingCircle />
|
|
||||||
<Link to='/directory'>
|
|
||||||
<FormattedMessage
|
|
||||||
id='footer.directory'
|
|
||||||
defaultMessage='Profiles directory'
|
|
||||||
/>
|
|
||||||
</Link>
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
<DividingCircle />
|
<DividingCircle />
|
||||||
<Link
|
<Link to='/privacy-policy' target={multiColumn ? '_blank' : undefined}>
|
||||||
to='/privacy-policy'
|
<FormattedMessage id='footer.privacy_policy' defaultMessage='Privacy policy' />
|
||||||
target={multiColumn ? '_blank' : undefined}
|
|
||||||
rel='privacy-policy'
|
|
||||||
>
|
|
||||||
<FormattedMessage
|
|
||||||
id='footer.privacy_policy'
|
|
||||||
defaultMessage='Privacy policy'
|
|
||||||
/>
|
|
||||||
</Link>
|
</Link>
|
||||||
|
|
||||||
{termsOfServiceEnabled && (
|
{termsOfServiceEnabled && (
|
||||||
<>
|
<>
|
||||||
<DividingCircle />
|
<DividingCircle />
|
||||||
<Link
|
<Link to='/terms-of-service' target={multiColumn ? '_blank' : undefined}>
|
||||||
to='/terms-of-service'
|
<FormattedMessage id='footer.terms_of_service' defaultMessage='Terms of service' />
|
||||||
target={multiColumn ? '_blank' : undefined}
|
|
||||||
rel='terms-of-service'
|
|
||||||
>
|
|
||||||
<FormattedMessage
|
|
||||||
id='footer.terms_of_service'
|
|
||||||
defaultMessage='Terms of service'
|
|
||||||
/>
|
|
||||||
</Link>
|
</Link>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
<DividingCircle />
|
||||||
|
<Link to='/keyboard-shortcuts'>
|
||||||
|
<FormattedMessage id='footer.keyboard_shortcuts' defaultMessage='Keyboard shortcuts' />
|
||||||
|
</Link>
|
||||||
|
|
||||||
|
<DividingCircle />
|
||||||
|
<a href={source_url} rel='noopener' target='_blank'>
|
||||||
|
<FormattedMessage id='footer.source_code' defaultMessage='View source code' />
|
||||||
|
</a>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
<strong>Mastodon</strong>:{' '}
|
|
||||||
<a href='https://joinmastodon.org' target='_blank' rel='noopener'>
|
|
||||||
<FormattedMessage id='footer.about' defaultMessage='About' />
|
|
||||||
</a>
|
|
||||||
<DividingCircle />
|
|
||||||
<a href='https://joinmastodon.org/apps' target='_blank' rel='noopener'>
|
|
||||||
<FormattedMessage id='footer.get_app' defaultMessage='Get the app' />
|
|
||||||
</a>
|
|
||||||
<DividingCircle />
|
|
||||||
<Link to='/keyboard-shortcuts'>
|
|
||||||
<FormattedMessage
|
|
||||||
id='footer.keyboard_shortcuts'
|
|
||||||
defaultMessage='Keyboard shortcuts'
|
|
||||||
/>
|
|
||||||
</Link>
|
|
||||||
<DividingCircle />
|
|
||||||
<a href={source_url} rel='noopener' target='_blank'>
|
|
||||||
<FormattedMessage
|
|
||||||
id='footer.source_code'
|
|
||||||
defaultMessage='View source code'
|
|
||||||
/>
|
|
||||||
</a>
|
|
||||||
<DividingCircle />
|
<DividingCircle />
|
||||||
<span className='version'>v{version}</span>
|
<span className='version'>v{version}</span>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</footer>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue