From 7f5b685c9fe5ed9beacb5a74e4dcfa9c554e2c7c Mon Sep 17 00:00:00 2001
From: Chenlei Hu <huchenlei@proton.me>
Date: Fri, 29 Nov 2024 08:24:21 -0800
Subject: [PATCH] Add current user message in settings dialog (#1740)

---
 .../dialog/content/SettingDialogContent.vue   |  2 ++
 .../content/setting/CurrentUserMessage.vue    | 26 +++++++++++++++++++
 .../content/setting/FirstTimeUIMessage.vue    |  2 +-
 src/locales/en.ts                             |  1 +
 src/locales/ja.ts                             |  1 +
 src/locales/ru.ts                             |  1 +
 src/locales/zh.ts                             |  1 +
 7 files changed, 33 insertions(+), 1 deletion(-)
 create mode 100644 src/components/dialog/content/setting/CurrentUserMessage.vue

diff --git a/src/components/dialog/content/SettingDialogContent.vue b/src/components/dialog/content/SettingDialogContent.vue
index c45731eb2..d770dfb8f 100644
--- a/src/components/dialog/content/SettingDialogContent.vue
+++ b/src/components/dialog/content/SettingDialogContent.vue
@@ -29,6 +29,7 @@
           :value="category.label"
         >
           <template #header>
+            <CurrentUserMessage v-if="tabValue === 'Comfy'" />
             <FirstTimeUIMessage v-if="tabValue === 'Comfy'" />
           </template>
           <SettingsPanel :settingGroups="sortedGroups(category)" />
@@ -74,6 +75,7 @@ import SettingsPanel from './setting/SettingsPanel.vue'
 import PanelTemplate from './setting/PanelTemplate.vue'
 import AboutPanel from './setting/AboutPanel.vue'
 import FirstTimeUIMessage from './setting/FirstTimeUIMessage.vue'
+import CurrentUserMessage from './setting/CurrentUserMessage.vue'
 import { flattenTree } from '@/utils/treeUtil'
 import { isElectron } from '@/utils/envUtil'
 
diff --git a/src/components/dialog/content/setting/CurrentUserMessage.vue b/src/components/dialog/content/setting/CurrentUserMessage.vue
new file mode 100644
index 000000000..0e4a71450
--- /dev/null
+++ b/src/components/dialog/content/setting/CurrentUserMessage.vue
@@ -0,0 +1,26 @@
+<!-- A message that displays the current user -->
+<template>
+  <Message
+    v-if="userStore.isMultiUserServer"
+    severity="info"
+    icon="pi pi-user"
+    pt:text="w-full"
+  >
+    <div class="flex items-center justify-between">
+      <div>{{ $t('currentUser') }}: {{ userStore.currentUser?.username }}</div>
+      <Button icon="pi pi-sign-out" @click="logout" text />
+    </div>
+  </Message>
+</template>
+
+<script setup lang="ts">
+import Message from 'primevue/message'
+import Button from 'primevue/button'
+import { useUserStore } from '@/stores/userStore'
+
+const userStore = useUserStore()
+const logout = () => {
+  userStore.logout()
+  window.location.reload()
+}
+</script>
diff --git a/src/components/dialog/content/setting/FirstTimeUIMessage.vue b/src/components/dialog/content/setting/FirstTimeUIMessage.vue
index 7a4014a7e..031431a7e 100644
--- a/src/components/dialog/content/setting/FirstTimeUIMessage.vue
+++ b/src/components/dialog/content/setting/FirstTimeUIMessage.vue
@@ -1,7 +1,7 @@
 <template>
   <Message
     v-if="show"
-    class="first-time-ui-message m-2"
+    class="first-time-ui-message"
     severity="info"
     :closable="true"
     @close="handleClose"
diff --git a/src/locales/en.ts b/src/locales/en.ts
index 3bf2b461a..fa6028987 100644
--- a/src/locales/en.ts
+++ b/src/locales/en.ts
@@ -88,6 +88,7 @@ export default {
     revertChanges: 'Revert Changes',
     restart: 'Restart'
   },
+  currentUser: 'Current user',
   empty: 'Empty',
   noWorkflowsFound: 'No workflows found.',
   comingSoon: 'Coming Soon',
diff --git a/src/locales/ja.ts b/src/locales/ja.ts
index 67000331f..23908db43 100644
--- a/src/locales/ja.ts
+++ b/src/locales/ja.ts
@@ -81,6 +81,7 @@ export default {
     revertChanges: '変更を元に戻す',
     restart: '再起動'
   },
+  currentUser: '現在のユーザー',
   empty: '表示する項目がありません',
   noWorkflowsFound: 'ワークフローが見つかりませんでした。',
   comingSoon: '近日公開',
diff --git a/src/locales/ru.ts b/src/locales/ru.ts
index 1e8d2bdf9..2fe290214 100644
--- a/src/locales/ru.ts
+++ b/src/locales/ru.ts
@@ -1,4 +1,5 @@
 export default {
+  currentUser: 'Текущий пользователь',
   empty: 'Пусто',
   noWorkflowsFound: 'Рабочие процессы не найдены.',
   download: 'Скачать',
diff --git a/src/locales/zh.ts b/src/locales/zh.ts
index 9a87756f9..192bb49fb 100644
--- a/src/locales/zh.ts
+++ b/src/locales/zh.ts
@@ -1,4 +1,5 @@
 export default {
+  currentUser: '当前用户',
   empty: '空',
   noWorkflowsFound: '未找到工作流',
   firstTimeUIMessage: