add button to open settings dialog

- Ticket: AUT-2324 Co-authored-by: Tamas Toth <[email protected]>
emartech · Oct 20, 2023 · cb1689f · cb1689f
1 parent 274e18f
commit cb1689f
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/src/renderer/components/app/app.html b/src/renderer/components/app/app.html
@@ -14,6 +14,11 @@ <h1 class="e-layout__title">GAP Secret Editor</h1>
                   </div>
                 </e-theme-switcher>
 
+                <div class="e-clickable e-padding-left-m">
+                    <e-tooltip content="Settings">
+                        <e-icon icon="cog" @click="openSettingsDialog()"></e-icon>
+                    </e-tooltip>
+                </div>
                 <div class="e-clickable e-padding-left-m">
                     <e-tooltip content="Give us feedback">
                         <e-icon icon="e-bullhorn" @click="openFeedbackDialog()"></e-icon>
@@ -153,6 +158,6 @@ <h1 class="e-layout__title">GAP Secret Editor</h1>
 
     <feedback-dialog ref="feedbackDialog" />
 
-    <settings-dialog />
+    <settings-dialog ref="settingsDialog" />
   </div>
 </div>
diff --git a/src/renderer/components/app/app.js b/src/renderer/components/app/app.js
@@ -107,6 +107,9 @@ export default {
     openFeedbackDialog() {
       this.$refs.feedbackDialog.open();
     },
+    openSettingsDialog() {
+      this.$refs.settingsDialog.open();
+    },
     updateIsDarkModeActiveState(theme) {
       this.setIsDarkModeActive(theme === 'eveningHorizon');
     },

diff --git a/src/renderer/components/settings-dialog/settings-dialog.js b/src/renderer/components/settings-dialog/settings-dialog.js
@@ -14,13 +14,16 @@ export default {
     save() {
       setSync(SETTING_FILE_NAME, { gcloudPath: this.gcloudPath });
       ipcRenderer.send('restart');
+    },
+    open() {
+      this.dialogOpened = true;
     }
   },
   mounted() {
     ipcRenderer.on('show-settings', (event, path) => {
       setDataPath(path);
       this.gcloudPath = loadSettings().gcloudPath || '';
-      this.dialogOpened = true;
+      this.open();
     });
   }
 };