You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
1.1 KiB
30 lines
1.1 KiB
import { FC } from 'react'; |
|
import { useRecoilValue } from 'recoil'; |
|
import { useTranslation } from 'next-export-i18n'; |
|
import styles from './Footer.module.scss'; |
|
import { ServerStatus } from '../../../interfaces/server-status.model'; |
|
import { serverStatusState } from '../../stores/ClientConfigStore'; |
|
|
|
export const Footer: FC = () => { |
|
const clientStatus = useRecoilValue<ServerStatus>(serverStatusState); |
|
const { versionNumber } = clientStatus; |
|
const { t } = useTranslation(); |
|
return ( |
|
<footer className={styles.footer} id="footer"> |
|
<span> |
|
{t('Powered by Owncast')} <a href="https://owncast.online">v{versionNumber}</a> |
|
</span> |
|
<span className={styles.links}> |
|
<a href="https://owncast.online/docs" target="_blank" rel="noreferrer"> |
|
{t('Documentation')} |
|
</a> |
|
<a href="https://owncast.online/help" target="_blank" rel="noreferrer"> |
|
{t('Contribute')} |
|
</a> |
|
<a href="https://github.com/owncast/owncast" target="_blank" rel="noreferrer"> |
|
{t('Source')} |
|
</a> |
|
</span> |
|
</footer> |
|
); |
|
};
|
|
|