LogalDeveloper/owncast
0
Fork 0
Code Activity

Import server-rendered template as plain text + add title tag. Closes #2161

Browse Source
This commit is contained in:
Gabe Kangas
2022-10-20 19:39:10 -07:00
parent 521e12bd5c
commit 2c45b420e5
4 changed files with 40 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/components/layouts/Main.tsx
View File

@@ -16,10 +16,12 @@ import { ClientConfig } from '../../interfaces/client-config.model';
import { DisplayableError } from '../../types/displayable-error';
import { FatalErrorStateModal } from '../modals/FatalErrorStateModal/FatalErrorStateModal';
import setupNoLinkReferrer from '../../utils/no-link-referrer';
import { ServerRenderedMetadata } from '../ServerRendered/ServerRenderedMetadata';
import { ServerRenderedHydration } from '../ServerRendered/ServerRenderedHydration';
import { TitleNotifier } from '../TitleNotifier/TitleNotifier';
// @ts-ignore
import ServerRenderedMetadata from '../ServerRendered/ServerRenderedMetadata.html';
export const Main: FC = () => {
const clientConfig = useRecoilValue<ClientConfig>(clientConfigStateAtom);
const { name, title, customStyles } = clientConfig;
@@ -45,7 +47,7 @@ export const Main: FC = () => {
return (
<>
<Head>
{isProduction && <ServerRenderedMetadata />}
{isProduction ?? ServerRenderedMetadata}
<link rel="apple-touch-icon" sizes="57x57" href="/img/favicon/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/img/favicon/apple-icon-60x60.png" />
@@ -73,6 +75,7 @@ export const Main: FC = () => {
<meta name="msapplication-TileImage" content="/img/favicon/ms-icon-144x144.png" />
<meta name="theme-color" content="#ffffff" />
<title>{name}</title>
<style>{customStyles}</style>
{isProduction && <ServerRenderedHydration hydrationScript={hydrationScript} />}
</Head>