LogalDeveloper/owncast
0
Fork 0
Code Activity

Add skip links for content, player and footer. For #1826

Browse Source
This commit is contained in:
Gabe Kangas
2023-01-21 23:19:17 -08:00
parent b0f88519d0
commit cdaae66e94
7 changed files with 47 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,16 +6,20 @@ import {
currentUserAtom,
visibleChatMessagesSelector,
clientConfigStateAtom,
appStateAtom,
} 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';
export default function ReadWriteChatEmbed() {
const currentUser = useRecoilValue(currentUserAtom);
const messages = useRecoilValue<ChatMessage[]>(visibleChatMessagesSelector);
const clientConfig = useRecoilValue<ClientConfig>(clientConfigStateAtom);
const appState = useRecoilValue<AppStateOptions>(appStateAtom);
const { name, chatDisabled } = clientConfig;
const { videoAvailable } = appState;
if (!currentUser) {
return null;
@@ -26,7 +30,7 @@ export default function ReadWriteChatEmbed() {
return (
<div>
<ClientConfigStore />
<Header name={name} chatAvailable chatDisabled={chatDisabled} />
<Header name={name} chatAvailable chatDisabled={chatDisabled} online={videoAvailable} />
<ChatContainer
messages={messages}
usernameToHighlight={displayName}