From 2034677b83ecd6be630050fcfc12f27f53729d8c Mon Sep 17 00:00:00 2001
From: Frederic Henrichs <frederic@tinkerforge.com>
Date: Wed, 16 Oct 2024 08:52:06 +0200
Subject: [PATCH] frontend: only logout current session when clicking the
 logout button in the navbar and add button to logout all sessions to user
 page.

---
 frontend/src/components/Navbar.tsx | 2 +-
 frontend/src/locales/de.ts         | 3 ++-
 frontend/src/locales/en.ts         | 3 ++-
 frontend/src/pages/user.tsx        | 4 ++++
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Navbar.tsx b/frontend/src/components/Navbar.tsx
index 573061b..ebc5910 100644
--- 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
index f7b9e22..bfd0af4 100644
--- 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
index dafc93b..ab4fadb 100644
--- 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
index be49511..c94e700 100644
--- 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>