frontend: only logout current session when clicking the logout button…

… in the navbar and add button to logout all sessions to user page.
Tinkerforge · Oct 16, 2024 · 2034677 · 2034677
1 parent 113dcc4
commit 2034677
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/frontend/src/components/Navbar.tsx b/frontend/src/components/Navbar.tsx
@@ -54,7 +54,7 @@ export function CustomNavbar() {
                     <Nav>
                         <Nav.Link onClick={(e) => {
                             e.preventDefault();
-                            logout(true);
+                            logout(false);
                         }}>{t("logout")}</Nav.Link>
                     </Nav>
                 </Navbar.Collapse>

diff --git a/frontend/src/locales/de.ts b/frontend/src/locales/de.ts
@@ -15,7 +15,8 @@ export const de ={
         "close": "Schließen",
         "delete_user": "Account löschen",
         "password": "Passwort",
-        "password_invalid": "Passwort falsch"
+        "password_invalid": "Passwort falsch",
+        "logout_all": "Von allen Geräten ausloggen"
     },
     "recovery": {
         "recovery": "Passwort zurücksetzen",

diff --git a/frontend/src/locales/en.ts b/frontend/src/locales/en.ts
@@ -15,7 +15,8 @@ export const en = {
         "close": "Close",
         "delete_user": "Delete account",
         "password": "Password",
-        "password_invalid": "Password is wrong"
+        "password_invalid": "Password is wrong",
+        "logout_all": "Logout from all devices"
     },
     "recovery": {
         "recovery": "Password recovery",

diff --git a/frontend/src/pages/user.tsx b/frontend/src/pages/user.tsx
@@ -249,6 +249,10 @@ export function User() {
             <Button variant="primary" className="col col-sm-6 col-md-4 col-lg-3 col-xl-2 mb-3" onClick={handleUpdatePasswordShow}>
                 {t("change_password")}
             </Button>
+
+            <Button variant="primary" className="col col-sm-6 col-md-4 col-lg-3 col-xl-2 mb-3" onClick={() => logout(true)}>
+                {t("logout_all")}
+            </Button>
             <Button variant="danger" className="col col-sm-6 col-md-4 col-lg-3 col-xl-2" onClick={handleDeleteUserShow}>
                 {t("delete_user")}
             </Button>