Navy.gif/owncast
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(web): set document title via dom instead of javascript. Closes #2918

Browse Source
This commit is contained in:
Gabe Kangas 2023-04-15 14:22:14 -07:00
parent a090906bc8
commit 228d787bf9
No known key found for this signature in database
GPG Key ID: 4345B2060657F330
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/components/TitleNotifier/TitleNotifier.tsx
View File

@ -7,6 +7,7 @@
*/
import { FC, useEffect, useState } from 'react';
import { useRecoilValue } from 'recoil';
import Head from 'next/head';
import { serverStatusState, chatMessagesAtom } from '../stores/ClientConfigStore';
export type TitleNotifierProps = {
@ -18,13 +19,10 @@ export const TitleNotifier: FC<TitleNotifierProps> = ({ name }) => {
const serverStatus = useRecoilValue(serverStatusState);
const [backgrounded, setBackgrounded] = useState(false);
const [title, setTitle] = useState(name);
const { online } = serverStatus;
const setTitle = (title: string) => {
document.title = title;
};
const onBlur = () => {
setBackgrounded(true);
};
@ -47,6 +45,7 @@ export const TitleNotifier: FC<TitleNotifierProps> = ({ name }) => {
useEffect(() => {
listenForEvents();
setTitle(name);
return () => {
removeEvents();
@ -71,7 +70,6 @@ export const TitleNotifier: FC<TitleNotifierProps> = ({ name }) => {
if (!backgrounded) {
return;
}
if (online) {
setTitle(` 🟢 :: ${name}`);
} else if (!online) {
@ -79,5 +77,9 @@ export const TitleNotifier: FC<TitleNotifierProps> = ({ name }) => {
}
}, [online, name]);
return null;
return (
<Head>
<title>{title}</title>
</Head>
);
};