owncast/web/components/layouts/Main.tsx
2022-05-26 11:08:37 -07:00

27 lines
719 B
TypeScript

import { Layout } from 'antd';
import { useRecoilValue } from 'recoil';
import {
ClientConfigStore,
isChatAvailableSelector,
clientConfigStateAtom,
} from '../stores/ClientConfigStore';
import { Content, Header } from '../ui';
import { ClientConfig } from '../../interfaces/client-config.model';
function Main() {
const clientConfig = useRecoilValue<ClientConfig>(clientConfigStateAtom);
const { name, title } = clientConfig;
const isChatAvailable = useRecoilValue<boolean>(isChatAvailableSelector);
return (
<>
<ClientConfigStore />
<Layout>
<Header name={title || name} chatAvailable={isChatAvailable} />
<Content />
</Layout>
</>
);
}
export default Main;