Fix drawer icons not opening windows

albireox · Jan 10, 2023 · d2b48af · d2b48af
1 parent edc8854
commit d2b48af
Showing 1 changed file with 35 additions and 6 deletions.
diff --git a/src/renderer/Main/Drawer.tsx b/src/renderer/Main/Drawer.tsx
@@ -75,12 +75,25 @@ type ItemProps = {
   name: string;
   icon: React.ReactElement;
   text?: string;
+  open?: boolean;
 };
 
 function Item(props: ItemProps) {
-  const { name, icon, text } = props;
+  const { name, icon, text, open = false } = props;
 
-  return <DrawerListItem name={name} icon={icon} text={text ?? ''} />;
+  const openNewWindow = React.useCallback((windowName: string) => {
+    window.electron.app.openNewWindow(windowName);
+  }, []);
+
+  return (
+    <DrawerListItem
+      name={name}
+      icon={icon}
+      text={text ?? ''}
+      onClick={openNewWindow}
+      open={open}
+    />
+  );
 }
 
 export default function Drawer() {
@@ -94,15 +107,31 @@ export default function Drawer() {
     <PersistentDrawer open={open}>
       <Stack direction='column' height='100%'>
         <Box sx={{ overflowY: 'auto', overflowX: 'hidden' }}>
-          <Item name='log' icon={<NotesIcon />} text='New log window' />
+          <Item
+            name='log'
+            icon={<NotesIcon />}
+            text='New log window'
+            open={open}
+          />
           <Item
             name='snapshots'
             icon={<SettingsOverscanIcon />}
             text='Snapshots'
+            open={open}
+          />
+          <Item
+            name='guider'
+            icon={<InsightsIcon />}
+            text='Guider'
+            open={open}
+          />
+          <Item
+            name='HAL'
+            icon={<PrecisionManufacturingIcon />}
+            text='HAL'
+            open={open}
           />
-          <Item name='guider' icon={<InsightsIcon />} text='Guider' />
-          <Item name='HAL' icon={<PrecisionManufacturingIcon />} text='HAL' />
-          <Item name='chat' icon={<ChatIcon />} text='Chat' />
+          <Item name='chat' icon={<ChatIcon />} text='Chat' open={open} />
         </Box>
         <div style={{ flexGrow: 1 }} />
         <Footer open={open} setOpen={setOpen} openNewWindow={openNewWindow} />