LogalDeveloper/owncast
0
Fork 0
Code Activity

Show streamTitle in header if set. Closes #2720

Browse Source
This commit is contained in:
Gabe Kangas
2023-02-22 18:39:37 -08:00
parent 5a580f01ec
commit 8b8f221eb4
7 changed files with 19 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/pages/embed/chat/readwrite/index.tsx
View File

@@ -7,30 +7,36 @@ import {
visibleChatMessagesSelector,
clientConfigStateAtom,
appStateAtom,
serverStatusState,
} from '../../../../components/stores/ClientConfigStore';
import Header from '../../../../components/ui/Header/Header';
import { ClientConfig } from '../../../../interfaces/client-config.model';
import { AppStateOptions } from '../../../../components/stores/application-state';
import { ServerStatus } from '../../../../interfaces/server-status.model';
export default function ReadWriteChatEmbed() {
const currentUser = useRecoilValue(currentUserAtom);
const messages = useRecoilValue<ChatMessage[]>(visibleChatMessagesSelector);
const clientConfig = useRecoilValue<ClientConfig>(clientConfigStateAtom);
const clientStatus = useRecoilValue<ServerStatus>(serverStatusState);
const appState = useRecoilValue<AppStateOptions>(appStateAtom);
const { name, chatDisabled } = clientConfig;
const { videoAvailable } = appState;
const { streamTitle, online } = clientStatus;
if (!currentUser) {
return null;
}
const { id, displayName, isModerator } = currentUser;
const headerText = online ? streamTitle || name : name;
const { id, displayName, isModerator } = currentUser;
return (
<div>
<ClientConfigStore />
<Header name={name} chatAvailable chatDisabled={chatDisabled} online={videoAvailable} />
<Header name={headerText} chatAvailable chatDisabled={chatDisabled} online={videoAvailable} />
<ChatContainer
messages={messages}
usernameToHighlight={displayName}