feat: Add menuOpen option

hms-dbmi · Jul 17, 2024 · 5c6d5b6 · 5c6d5b6
1 parent 9db1270
commit 5c6d5b6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Menu.tsx b/src/components/Menu.tsx
@@ -29,9 +29,9 @@ const useStyles = makeStyles({
   },
 });
 
-function Menu() {
+function Menu(props: { open?: boolean }) {
   const sourceAtoms = useAtomValue(sourceInfoAtomAtoms);
-  const [hidden, toggle] = useReducer((v) => !v, false);
+  const [hidden, toggle] = useReducer((v) => !v, !(props.open ?? true));
   const classes = useStyles();
   return (
     <div className={classes.root} style={{ padding: `0px 5px ${hidden ? 0 : 5}px 5px` }}>

diff --git a/src/index.tsx b/src/index.tsx
@@ -26,7 +26,7 @@ export interface VizarrViewer {
   destroy(): void;
 }
 
-export function createViewer(element: HTMLElement): Promise<VizarrViewer> {
+export function createViewer(element: HTMLElement, options: { menuOpen?: boolean } = {}): Promise<VizarrViewer> {
   const ref = React.createRef<VizarrViewer>();
   const emitter = typedEmitter<Events>();
   const viewStateAtom = atomWithEffect<ViewState | undefined, ViewState>(
@@ -55,7 +55,7 @@ export function createViewer(element: HTMLElement): Promise<VizarrViewer> {
     }, []);
     return (
       <>
-        <Menu />
+        <Menu open={options.menuOpen ?? true} />
         <Viewer viewStateAtom={viewStateAtom} />
       </>
     );