Replace logout modal in user preferences

galaxyproject · Oct 11, 2023 · 557b06e · 557b06e
1 parent 7d58fac
commit 557b06e
Showing 1 changed file with 11 additions and 12 deletions.
diff --git 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();
         },
     },
 };