From 557b06e67f2db84642926c5526c332f238bcc52c Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Sun, 1 Oct 2023 14:04:44 +0300
Subject: [PATCH] Replace logout modal in user preferences

---
 .../src/components/User/UserPreferences.vue   | 23 +++++++++----------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/client/src/components/User/UserPreferences.vue b/client/src/components/User/UserPreferences.vue
index 681c0e369fba..d64e60400398 100644
--- a/client/src/components/User/UserPreferences.vue
+++ b/client/src/components/User/UserPreferences.vue
@@ -106,7 +106,15 @@
             icon="fa-sign-out"
             title="Sign Out"
             description="Click here to sign out of all sessions."
-            @click="signOut" />
+            @click="toggleLogout = !toggleLogout" />
+        <b-modal
+            v-model="toggleLogout"
+            title="Sign out"
+            title-class="font-weight-bold"
+            ok-title="Sign out"
+            @ok="signOut">
+            <span v-localize> Do you want to continue and sign out of all active sessions? </span>
+        </b-modal>
     </b-container>
 </template>
 
@@ -166,6 +174,7 @@ export default {
             messageVariant: null,
             message: null,
             toggleActivityBar: false,
+            toggleLogout: false,
             toggleTheme: false,
         };
     },
@@ -232,17 +241,7 @@ export default {
             }
         },
         signOut() {
-            const Galaxy = getGalaxyInstance();
-            Galaxy.modal.show({
-                title: _l("Sign out"),
-                body: "Do you want to continue and sign out of all active sessions?",
-                buttons: {
-                    Cancel: function () {
-                        Galaxy.modal.hide();
-                    },
-                    "Sign out": userLogoutAll,
-                },
-            });
+            userLogoutAll();
         },
     },
 };