39 lines
1.1 KiB
JavaScript
39 lines
1.1 KiB
JavaScript
import React from 'react';
|
|
import classNames from 'classnames';
|
|
import { FormattedMessage, useIntl } from 'react-intl';
|
|
import Link from 'components/common/Link';
|
|
import styles from './Footer.module.css';
|
|
import useVersion from 'hooks/useVersion';
|
|
|
|
export default function Footer() {
|
|
const { current } = useVersion();
|
|
const intl = useIntl();
|
|
|
|
return (
|
|
<footer
|
|
className="container"
|
|
dir={intl.formatMessage({ id: 'metrics.dir', defaultMessage: 'ltr' })}
|
|
>
|
|
<div className={classNames(styles.footer, 'row')}>
|
|
<div className="col-12 col-md-4" />
|
|
<div className="col-12 col-md-4">
|
|
<FormattedMessage
|
|
id="message.powered-by"
|
|
defaultMessage="Powered by {name}"
|
|
values={{
|
|
name: (
|
|
<Link href="https://umami.is">
|
|
<b>umami</b>
|
|
</Link>
|
|
),
|
|
}}
|
|
/>
|
|
</div>
|
|
<div className={classNames(styles.version, 'col-12 col-md-4')}>
|
|
<Link href={`https://github.com/mikecao/umami/releases`}>{`v${current}`}</Link>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|