Use title or name in header
This commit is contained in:
@@ -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>
|
||||||
</>
|
</>
|
||||||
|
|||||||
Reference in New Issue
Block a user