From a6837f4555d2dfdcb093640a1e421ae5c721d0e0 Mon Sep 17 00:00:00 2001
From: Raymond <101374892+raymonable@users.noreply.github.com>
Date: Thu, 27 Mar 2025 16:27:48 -0400
Subject: [PATCH] logout button (#137)

* feat: log out button

* fix: use i18n
---
 AquaNet/src/libs/i18n/en_ref.ts        |  1 +
 AquaNet/src/libs/i18n/zh.ts            |  1 +
 AquaNet/src/pages/User/Settings.svelte | 10 ++++++++++
 3 files changed, 12 insertions(+)

diff --git a/AquaNet/src/libs/i18n/en_ref.ts b/AquaNet/src/libs/i18n/en_ref.ts
index 732920b8..91314a62 100644
--- a/AquaNet/src/libs/i18n/en_ref.ts
+++ b/AquaNet/src/libs/i18n/en_ref.ts
@@ -177,6 +177,7 @@ export const EN_REF_SETTINGS = {
   'settings.profile.location': 'Location',
   'settings.profile.bio': 'Bio',
   'settings.profile.unset': 'Unset',
+  'settings.profile.logout': 'Log out',
   'settings.profile.unchanged': 'Unchanged',
   'settings.export': 'Export Player Data',
   'settings.cabNotice': "Note: These settings will only affect your own cab/setup. If you're playing on someone else's setup, please contact them to change these settings.",
diff --git a/AquaNet/src/libs/i18n/zh.ts b/AquaNet/src/libs/i18n/zh.ts
index 851de9c9..c2f5f7a1 100644
--- a/AquaNet/src/libs/i18n/zh.ts
+++ b/AquaNet/src/libs/i18n/zh.ts
@@ -184,6 +184,7 @@ const zhSettings: typeof EN_REF_SETTINGS = {
   'settings.profile.location': '位置',
   'settings.profile.bio': '简介',
   'settings.profile.unset': '未设置',
+  'settings.profile.logout': '登出',
   'settings.profile.unchanged': '未更改',
   'settings.export': '导出玩家数据',
   'settings.cabNotice': '注意：下面这些设置只会影响你自己的机器，如果你是在其他人的机器上玩的话，请联系机主来改设置',
diff --git a/AquaNet/src/pages/User/Settings.svelte b/AquaNet/src/pages/User/Settings.svelte
index a9498e7c..aae86ec0 100644
--- a/AquaNet/src/pages/User/Settings.svelte
+++ b/AquaNet/src/pages/User/Settings.svelte
@@ -15,6 +15,7 @@
   import WaccaSettings from "../../components/settings/WaccaSettings.svelte";
   import GeneralGameSettings from "../../components/settings/GeneralGameSettings.svelte";
   import OngekiSettings from "../../components/settings/OngekiSettings.svelte";
+  import useLocalStorage from "../../libs/hooks/useLocalStorage.svelte";
 
   USER.ensureLoggedIn()
 
@@ -120,6 +121,10 @@
         error = t("settings.profile.bad-format");
     }
   };
+  function logOut() {
+    localStorage.removeItem("token");
+    location.href = "/";
+  }
 
   const passwordAction = (node: HTMLInputElement, whether: boolean) => {
     if (whether) node.type = 'password'
@@ -196,6 +201,11 @@
           </label>
         </div>
       </div>
+      <div class="field m-t">
+        <div>
+          <button on:click={logOut}>{ts(`settings.profile.logout`)}</button>
+        </div>
+      </div>
     </div>
   {:else if tabs[tab] === 'chu3'}
     <!-- Userbox settings -->