altair-graphql#1645 | Added 'Hide Docs' button to touchbar. Added log…

…ic to only show 'Show Docs'/'Hide Docs', depending on the display status of the docs-viewer.
joshwalters12 · Apr 7, 2023 · a20bd08 · a20bd08
1 parent 79bc1fd
commit a20bd08
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/packages/altair-electron/src/app/actions.ts b/packages/altair-electron/src/app/actions.ts
@@ -40,6 +40,10 @@ export class ActionManager {
     this.windowInstance.webContents.send('show-docs', true);
   }
 
+  hideDocs() {
+    this.windowInstance.webContents.send('show-docs', false);
+  }
+
   showSettings() {
     this.windowInstance.webContents.send('show-settings', true);
   }

diff --git a/packages/altair-electron/src/app/touchbar.ts b/packages/altair-electron/src/app/touchbar.ts
@@ -1,10 +1,10 @@
-import { TouchBar } from 'electron';
+import { BrowserWindow, TouchBar } from 'electron';
 import { ActionManager } from './actions';
 
 const { TouchBarButton, TouchBarSpacer } = TouchBar;
 
 export class TouchbarManager {
-  constructor(private actionManager: ActionManager) {}
+  constructor(private actionManager: ActionManager, private windowInstance: BrowserWindow) {}
 
   createTouchBar() {
     const sendRequestButton = new TouchBarButton({
@@ -20,9 +20,16 @@ export class TouchbarManager {
 
     const showDocsButton = new TouchBarButton({
       label: 'Show Docs',
+      enabled: !this.windowInstance.webContents.showDocs,
       click: () => this.actionManager.showDocs(),
     });
 
+    const hideDocsButton = new TouchBarButton({
+      label: 'Hide Docs',
+      enabled: this.windowInstance.webContents.showDocs,
+      click: () => this.actionManager.hideDocs(),
+    });
+
     const spacer = new TouchBarSpacer({
       size: 'flexible',
     });
@@ -34,6 +41,7 @@ export class TouchbarManager {
         spacer,
         reloadDocsButton,
         showDocsButton,
+        hideDocsButton,
       ],
     });