chore: show user role (Close #302)

Author: Kerwin

service/src/index.ts

@@ -575,7 +575,7 @@ router.post('/session', async (req, res) => {
       key: string
       value: string
     }[] = []
-    let userInfo: { name: string; description: string; avatar: string; userId: string; root: boolean; config: UserConfig }
+    let userInfo: { name: string; description: string; avatar: string; userId: string; root: boolean; roles: UserRole[]; config: UserConfig }
     if (userId != null) {
       const user = await getUserById(userId)
       userInfo = {
@@ -584,6 +584,7 @@ router.post('/session', async (req, res) => {
         avatar: user.avatar,
         userId: user._id.toString(),
         root: user.roles.includes(UserRole.Admin),
+        roles: user.roles,
         config: user.config,
       }
 

src/components/common/UserAvatar/index.vue

@@ -1,6 +1,6 @@
 <script setup lang='ts'>
 import { computed, onMounted, ref } from 'vue'
-import { NAvatar, NButton } from 'naive-ui'
+import { NAvatar, NButton, NTag } from 'naive-ui'
 import { useRoute } from 'vue-router'
 import { useAuthStore, useUserStore } from '@/store'
 import defaultAvatar from '@/assets/avatar.jpg'
@@ -41,8 +41,11 @@ onMounted(async () => {
       </template>
     </div>
     <div class="flex-1 min-w-0 ml-2">
-      <h2 v-if="userInfo.name" class="overflow-hidden font-bold text-md text-ellipsis whitespace-nowrap">
+      <h2 v-if="userInfo.name" class="">
         {{ userInfo.name }}
+        <NTag size="small" :bordered="false" type="success">
+          Admin
+        </NTag>
       </h2>
       <p v-if="userInfo.name" class="overflow-hidden text-xs text-gray-500 text-ellipsis whitespace-nowrap">
         <span