64 lines
1.9 KiB
TypeScript
64 lines
1.9 KiB
TypeScript
import { FormattedMessage } from 'react-intl';
|
|
import { Link } from 'react-router-dom';
|
|
|
|
import {
|
|
domain,
|
|
version,
|
|
source_url,
|
|
statusPageUrl,
|
|
profile_directory as canProfileDirectory,
|
|
termsOfServiceEnabled,
|
|
} from 'mastodon/initial_state';
|
|
|
|
const DividingCircle: React.FC = () => <span aria-hidden={true}>{' · '}</span>;
|
|
|
|
export const LinkFooter: React.FC<{ multiColumn: boolean }> = ({ multiColumn }) => {
|
|
return (
|
|
<footer className='link-footer' role='contentinfo'>
|
|
<p>
|
|
<strong>{domain}</strong>:{' '}
|
|
<Link to='/about' target={multiColumn ? '_blank' : undefined}>
|
|
<FormattedMessage id='footer.about' defaultMessage='About' />
|
|
</Link>
|
|
|
|
{statusPageUrl && (
|
|
<>
|
|
<DividingCircle />
|
|
<a href={statusPageUrl} target='_blank' rel='noopener'>
|
|
<FormattedMessage id='footer.status' defaultMessage='Status' />
|
|
</a>
|
|
</>
|
|
)}
|
|
|
|
<DividingCircle />
|
|
<Link to='/privacy-policy' target={multiColumn ? '_blank' : undefined}>
|
|
<FormattedMessage id='footer.privacy_policy' defaultMessage='Privacy policy' />
|
|
</Link>
|
|
|
|
{termsOfServiceEnabled && (
|
|
<>
|
|
<DividingCircle />
|
|
<Link to='/terms-of-service' target={multiColumn ? '_blank' : undefined}>
|
|
<FormattedMessage id='footer.terms_of_service' defaultMessage='Terms of service' />
|
|
</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>
|
|
<DividingCircle />
|
|
<span className='version'>v{version}</span>
|
|
</p>
|
|
</footer>
|
|
);
|
|
};
|