(paimon-webui) 03/19: [Improvement] Optimize creating user button with icon (#480)

[nicholasjiang]

This is an automated email from the ASF dual-hosted git repository.

nicholasjiang pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/paimon-webui.git

commit 0cd7eea002955f3ff42b3e8de875dc7414119fbd
Author: s7monk <34889415+s7m...@users.noreply.github.com>
AuthorDate: Tue Jul 9 19:47:40 2024 +0800

    [Improvement] Optimize creating user button with icon (#480)
---
 paimon-web-ui/src/views/system/user/index.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/paimon-web-ui/src/views/system/user/index.tsx 
b/paimon-web-ui/src/views/system/user/index.tsx
index 67a90281..5d1f6004 100644
--- a/paimon-web-ui/src/views/system/user/index.tsx
+++ b/paimon-web-ui/src/views/system/user/index.tsx
@@ -18,6 +18,7 @@ under the License. */
 import type { TableColumns } from 'naive-ui/es/data-table/src/interface'
 import dayjs from 'dayjs'
 import { EditOutlined } from '@vicons/antd'
+import { Add } from '@vicons/ionicons5'
 
 import UserForm from './components/user-form'
 import UserDelete from './components/user-delete'
@@ -192,7 +193,12 @@ export default defineComponent({
           <n-space vertical>
             <n-space justify="space-between">
               <n-space>
-                <n-button onClick={this.handleCreateModal} 
type="primary">{this.t('system.user.add')}</n-button>
+                <n-button onClick={this.handleCreateModal} type="primary">
+                  {{
+                    icon: () => <n-icon component={Add} />,
+                    default: () => this.t('system.user.create'),
+                  }}
+                </n-button>
               </n-space>
               <n-space>
                 <></>