From 7b16722e555a246c974717ddeae8973b340db500 Mon Sep 17 00:00:00 2001
From: Justin Lin <wancat@wancat.cc>
Date: Sat, 26 Sep 2026 10:51:54 +1000
Subject: [PATCH] fix: move translation button to rightmost

---
 app/src/components/header/GameHeaderComponents.vue   | 2 +-
 app/src/components/header/HeaderPart.vue             | 6 +++---
 app/src/components/{ => header}/LanguageSelector.vue | 2 +-
 server/src/api/controllers/commandController.ts      | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)
 rename app/src/components/{ => header}/LanguageSelector.vue (90%)

diff --git a/app/src/components/header/GameHeaderComponents.vue b/app/src/components/header/GameHeaderComponents.vue
index 8742e8c..43edbb7 100644
--- a/app/src/components/header/GameHeaderComponents.vue
+++ b/app/src/components/header/GameHeaderComponents.vue
@@ -103,7 +103,7 @@ onMounted(async () => {
   <button
     :title="t('game_nav.sign_out')"
     @click="handleLogout"
-    class="md:h-5 md:w-5 px-1.5 w-auto"
+    class="md:h-5 md:w-5 px-1.5 mr-2 w-auto"
   >
     <font-awesome-icon
       :icon="['fas', 'arrow-right-from-bracket']"
diff --git a/app/src/components/header/HeaderPart.vue b/app/src/components/header/HeaderPart.vue
index fba3fd6..8a5c08a 100644
--- a/app/src/components/header/HeaderPart.vue
+++ b/app/src/components/header/HeaderPart.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { defineProps, ref } from 'vue'
+import { ref } from 'vue'
 
 import { useI18n } from 'vue-i18n'
-import LanguageSelector from '../LanguageSelector.vue'
+import LanguageSelector from './LanguageSelector.vue'
 
 const { t } = useI18n()
 
@@ -27,7 +27,6 @@ const toggleMenu = () => {
     class="w-full top-0 px-2 fixed flex flex-row flex-wrap bg-bg-secondary justify-between items-center sm:justify-between"
   >
     <div class="flex flex-row items-center gap-3" :class="{ hidden: menuOpen }">
-      <LanguageSelector />
       <img src="../../img/icon_totem.svg" class="h-8 justify-self-start" />
       <RouterLink
         to="/"
@@ -50,6 +49,7 @@ const toggleMenu = () => {
       :class="{ hidden: !menuOpen }"
     >
       <component :is="headerComponent" />
+      <LanguageSelector />
     </div>
     <div
       v-if="windowWidth"
diff --git a/app/src/components/LanguageSelector.vue b/app/src/components/header/LanguageSelector.vue
similarity index 90%
rename from app/src/components/LanguageSelector.vue
rename to app/src/components/header/LanguageSelector.vue
index fdb3aa0..5b2ad59 100644
--- a/app/src/components/LanguageSelector.vue
+++ b/app/src/components/header/LanguageSelector.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
-import { setLocale, type SupportedLocale } from '../i18n'
+import { setLocale, type SupportedLocale } from '../../i18n'
 
 const { locale } = useI18n({ useScope: 'global' })
 
diff --git a/server/src/api/controllers/commandController.ts b/server/src/api/controllers/commandController.ts
index 876a7db..c49e80a 100644
--- a/server/src/api/controllers/commandController.ts
+++ b/server/src/api/controllers/commandController.ts
@@ -26,7 +26,7 @@ export const newCommand = asyncHandler(async (req: Request, res: Response) => {
       res.status(401).json({ message: 'Unauthorized' })
       return
     }
-  } catch (error) {
+  } catch (_error) {
     res.status(401).json({ message: 'Unauthorized' })
     return
   }