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.
35 lines
1.2 KiB
35 lines
1.2 KiB
import { FC } from 'react'; |
|
import { useRecoilValue } from 'recoil'; |
|
import styles from './Footer.module.scss'; |
|
import { ServerStatus } from '../../../interfaces/server-status.model'; |
|
import { serverStatusState } from '../../stores/ClientConfigStore'; |
|
|
|
export type FooterProps = { |
|
dynamicPaddingValue?: string; |
|
}; |
|
|
|
export const Footer: FC<FooterProps> = ({ dynamicPaddingValue }) => { |
|
const clientStatus = useRecoilValue<ServerStatus>(serverStatusState); |
|
const { versionNumber } = clientStatus; |
|
const dynamicPaddingStyle = dynamicPaddingValue |
|
? { paddingRight: `calc(${dynamicPaddingValue} + var(--footer-padding-x)` } |
|
: null; |
|
return ( |
|
<footer className={styles.footer} id="footer" style={dynamicPaddingStyle}> |
|
<span> |
|
Powered by <a href="https://owncast.online">Owncast v{versionNumber}</a> |
|
</span> |
|
<span className={styles.links}> |
|
<a href="https://owncast.online/docs" target="_blank" rel="noreferrer"> |
|
Documentation |
|
</a> |
|
<a href="https://owncast.online/help" target="_blank" rel="noreferrer"> |
|
Contribute |
|
</a> |
|
<a href="https://github.com/owncast/owncast" target="_blank" rel="noreferrer"> |
|
Source |
|
</a> |
|
</span> |
|
</footer> |
|
); |
|
};
|
|
|