LogalDeveloper/owncast
0
Fork 0
Code Activity

Experiment with showing footer on about tab for mobile

Browse Source
This commit is contained in:
Gabe Kangas
2022-10-20 18:00:13 -07:00
parent 9c4d2b0356
commit c6364959c9
3 changed files with 18 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
web/components/ui/CustomPageContent/CustomPageContent.tsx
View File

@@ -1,13 +1,25 @@
/* eslint-disable react/no-danger */
import { FC } from 'react';
import { useRecoilValue } from 'recoil';
import Footer from '../Footer/Footer';
import styles from './CustomPageContent.module.scss';
import { isMobileAtom, clientConfigStateAtom } from '../../stores/ClientConfigStore';
import { ClientConfig } from '../../../interfaces/client-config.model';
export type CustomPageContentProps = {
content: string;
};
export const CustomPageContent: FC<CustomPageContentProps> = ({ content }) => (
<div className={styles.pageContentContainer}>
<div className={styles.customPageContent} dangerouslySetInnerHTML={{ __html: content }} />
</div>
);
export const CustomPageContent: FC<CustomPageContentProps> = ({ content }) => {
const isMobile = useRecoilValue<boolean | undefined>(isMobileAtom);
const clientConfig = useRecoilValue<ClientConfig>(clientConfigStateAtom);
const { version } = clientConfig;
return (
<>
<div className={styles.pageContentContainer}>
<div className={styles.customPageContent} dangerouslySetInnerHTML={{ __html: content }} />
</div>
{isMobile && <Footer version={version} />}
</>
);
};