Use title or name in header

This commit is contained in:
Gabe Kangas
2022-05-08 18:05:37 -07:00
parent 00bc662c7f
commit 21585f5aea

View File

@@ -1,15 +1,20 @@
import { Layout } from 'antd'; import { Layout } from 'antd';
import { useRecoilValue } from 'recoil';
import { ServerStatusStore } from '../stores/ServerStatusStore'; import { ServerStatusStore } from '../stores/ServerStatusStore';
import { ClientConfigStore } from '../stores/ClientConfigStore'; import { ClientConfigStore, clientConfigStateAtom } from '../stores/ClientConfigStore';
import { Content, Header } from '../ui'; import { Content, Header } from '../ui';
import { ClientConfig } from '../../interfaces/client-config.model';
function Main() { function Main() {
const clientConfig = useRecoilValue<ClientConfig>(clientConfigStateAtom);
const { name, title } = clientConfig;
return ( return (
<> <>
<ServerStatusStore /> <ServerStatusStore />
<ClientConfigStore /> <ClientConfigStore />
<Layout> <Layout>
<Header /> <Header name={title || name} />
<Content /> <Content />
</Layout> </Layout>
</> </>