From 7e8cea47de531882120ca0e11dd91b9091cf44de Mon Sep 17 00:00:00 2001
From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com>
Date: Wed, 23 Mar 2022 19:26:32 +0100
Subject: [PATCH] New Electron

---
 qortal-ui-core/src/components/app-view.js | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/qortal-ui-core/src/components/app-view.js b/qortal-ui-core/src/components/app-view.js
index d8e0a021..b0629bbd 100644
--- a/qortal-ui-core/src/components/app-view.js
+++ b/qortal-ui-core/src/components/app-view.js
@@ -17,6 +17,7 @@ import '@polymer/app-layout/app-layout.js'
 import '@polymer/paper-ripple'
 
 import './settings-view/user-settings.js'
+import './logout-view/logout-view.js'
 
 class AppView extends connect(store)(LitElement) {
     static get properties() {
@@ -105,16 +106,22 @@ class AppView extends connect(store)(LitElement) {
                                 </span>
                             </div>
                             <qort-theme-toggle></qort-theme-toggle>
+                            <div>&nbsp;&nbsp;&nbsp;&nbsp;</div>
+                            <div style="display:inline">
+                                <paper-icon-button icon="icons:settings" @click=${() => this.openSettings()} title="Settings"></paper-icon-button>
+                            </div>
                             <div>&nbsp;&nbsp;</div>
                             <div style="display:inline">
-                                <paper-icon-button icon="icons:settings" @click=${ () => this.openSettings()} title="Settings" ></paper-icon-button>
+                                <paper-icon-button icon="icons:exit-to-app" @click=${() => this.openLogout()} title="Logout"></paper-icon-button>
                             </div>
+                            <div>&nbsp;&nbsp;</div>
                         </app-toolbar>
                     </app-header>
                     <show-plugin></show-plugin>
                 </app-header-layout>
             </app-drawer-layout>
             <user-settings></user-settings>
+            <logout-view></logout-view>
         `
     }
 
@@ -133,6 +140,11 @@ class AppView extends connect(store)(LitElement) {
         const settingsDialog = document.getElementById('main-app').shadowRoot.querySelector('app-view').shadowRoot.querySelector('user-settings')
         settingsDialog.openSettings()
     }
+
+    openLogout() {
+        const logoutDialog = document.getElementById('main-app').shadowRoot.querySelector('app-view').shadowRoot.querySelector('logout-view')
+        logoutDialog.openLogout()
+    }
 }
 
 window.customElements.define('app-view', AppView)