Fix Developer Tools won't show up via menu (#264)

Fix #260 following Franz approach

1 files changed, 10 insertions, 2 deletions

diff --git a/src/lib/Menu.js b/src/lib/Menu.js
index 28de1f1c8..50145dd47 100644
--- a/src/lib/Menu.js
+++ b/src/lib/Menu.js
@@ -3,6 +3,7 @@ import {
   app,
   Menu,
   dialog,
+  webContents,
   systemPreferences,
   getCurrentWindow,
 } from '@electron/remote';
@@ -622,8 +623,15 @@ class FranzMenu {
         {
           label: intl.formatMessage(menuItems.toggleDevTools),
           accelerator: `${cmdOrCtrlShortcutKey()}+${altKey()}+I`,
-          click: (menuItem, browserWindow) => {
-            browserWindow.webContents.toggleDevTools();
+          click: () => {
+            const windowWebContents = webContents.fromId(1);
+            const { isDevToolsOpened, openDevTools, closeDevTools } = windowWebContents;
+    
+            if (isDevToolsOpened()) {
+              closeDevTools();
+            } else {
+              openDevTools({ mode: 'right' });
+            }
           },
         },
         {