From 32449e7c4cc4d7d352ad317bdd9a38ec6fa35c75 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 28 Jun 2024 02:27:01 +0000
Subject: [PATCH] fix: logout btn color

---
 src/components/ProfileMenu.vue | 2 +-
 src/i18n/en-US/alert-dialog.ts | 3 +++
 src/i18n/th-th/alert-dialog.ts | 3 +++
 src/layouts/MainLayout.vue     | 8 +++++---
 4 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/ProfileMenu.vue b/src/components/ProfileMenu.vue
index 4574bfac..48f0ed17 100644
--- a/src/components/ProfileMenu.vue
+++ b/src/components/ProfileMenu.vue
@@ -273,13 +273,13 @@ onMounted(async () => {
             v-if="isLoggedIn()"
             no-caps
             dense
-            color="negative"
             unelevated
             class="q-ma-md app-text-negative"
             :class="{ dark: $q.dark.isActive }"
             :label="$t('logout')"
             @click="$emit('logout')"
             id="btn-logout"
+            style="background-color: hsla(var(--negative-bg) / 0.1)"
             v-close-popup
           />
           <q-btn
diff --git a/src/i18n/en-US/alert-dialog.ts b/src/i18n/en-US/alert-dialog.ts
index 1dca176b..33729fbc 100644
--- a/src/i18n/en-US/alert-dialog.ts
+++ b/src/i18n/en-US/alert-dialog.ts
@@ -6,6 +6,9 @@ export default {
 
   errorOccurred: 'An error occurred.',
 
+  confirmLogoutTitle: 'Confirm Logout',
+  confirmLogoutMessage: 'Do you want to log out?',
+
   // Backend
   productGroupNotFound: 'Product group cannot be found.',
   productGroupInUsed: 'Product group is in used.',
diff --git a/src/i18n/th-th/alert-dialog.ts b/src/i18n/th-th/alert-dialog.ts
index eb650848..09bc8eca 100644
--- a/src/i18n/th-th/alert-dialog.ts
+++ b/src/i18n/th-th/alert-dialog.ts
@@ -5,6 +5,9 @@ export default {
 
   errorOccurred: 'เกิดข้อผิดพลาด.',
 
+  confirmLogoutTitle: 'ยืนยันการออกจากระบบ',
+  confirmLogoutMessage: 'คุณต้องการออกจากระบบ ใช่หรือไม่',
+
   // Backend
   productGroupNotFound: 'ไม่พบกลุ่มสินค้า',
   productGroupInUsed: 'กลุ่มสินค้าที่ใช้งานอยู่',
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index d599a224..d71a094e 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -41,7 +41,7 @@ const loaderStore = useLoader();
 const optionStore = useOptionStore();
 
 const { visible } = storeToRefs(loaderStore);
-const { locale } = useI18n({ useScope: 'global' });
+const { t, locale } = useI18n({ useScope: 'global' });
 const userStore = useUserStore();
 
 const rawOption = ref();
@@ -115,12 +115,14 @@ function setActive(button: NotificationButton) {
 function doLogout() {
   dialog({
     icon: 'mdi-logout-variant',
-    title: 'ยืนยันการออกจากระบบ',
+    title: t('confirmLogoutTitle'),
     persistent: true,
-    message: 'คุณต้องการออกจากระบบ ใช่หรือไม่',
+    color: 'negative',
+    message: t('confirmLogoutMessage'),
     action: async () => {
       logout();
     },
+    cancel: () => {},
   });
 }