From 55692e4da69532661f765569f094aa15780538b1 Mon Sep 17 00:00:00 2001
From: balibabu <cike8899@users.noreply.github.com>
Date: Fri, 22 Nov 2024 18:19:34 +0800
Subject: [PATCH] Feat: Capitalize the first letter of the team's role #2834
 (#3597)

### What problem does this PR solve?

Feat: Capitalize the first letter of the team's role #2834

### Type of change


- [x] New Feature (non-breaking change which adds functionality)
---
 web/src/pages/user-setting/setting-team/user-table.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/src/pages/user-setting/setting-team/user-table.tsx b/web/src/pages/user-setting/setting-team/user-table.tsx
index 8dbbc9c3e..d1f2ee638 100644
--- a/web/src/pages/user-setting/setting-team/user-table.tsx
+++ b/web/src/pages/user-setting/setting-team/user-table.tsx
@@ -4,6 +4,7 @@ import { formatDate } from '@/utils/date';
 import { DeleteOutlined } from '@ant-design/icons';
 import type { TableProps } from 'antd';
 import { Button, Table, Tag } from 'antd';
+import { upperFirst } from 'lodash';
 import { useTranslation } from 'react-i18next';
 import { TenantRole } from '../constants';
 import { useHandleDeleteUser } from './hooks';
@@ -36,7 +37,9 @@ const UserTable = () => {
       key: 'role',
       render(value, { role }) {
         return (
-          <Tag color={ColorMap[role as keyof typeof ColorMap]}>{role}</Tag>
+          <Tag color={ColorMap[role as keyof typeof ColorMap]}>
+            {upperFirst(role)}
+          </Tag>
         );
       },
     },