mirror of https://github.com/portainer/portainer
28 lines
749 B
TypeScript
28 lines
749 B
TypeScript
import { PropsWithChildren, createContext, useContext } from 'react';
|
|
import clsx from 'clsx';
|
|
|
|
import styles from './HeaderContainer.module.css';
|
|
|
|
const Context = createContext<null | boolean>(null);
|
|
|
|
export function useHeaderContext() {
|
|
const context = useContext(Context);
|
|
|
|
if (context == null) {
|
|
throw new Error('Should be nested inside a HeaderContainer component');
|
|
}
|
|
}
|
|
|
|
export function HeaderContainer({ children }: PropsWithChildren<unknown>) {
|
|
return (
|
|
<Context.Provider value>
|
|
<div className={clsx('row', styles.header)}>
|
|
<div id="loadingbar-placeholder" />
|
|
<div className="col-xs-12">
|
|
<div className={styles.meta}>{children}</div>
|
|
</div>
|
|
</div>
|
|
</Context.Provider>
|
|
);
|
|
}
|