feat(client): add create user

client/src/components/UserCreate.tsx

@@ -12,6 +12,8 @@ import {
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useUserSelector } from '@/store/userStore';
+import { UserUpdate } from '@/types/user';
+import { UserService } from '@/services/userService';
 
 const { Option } = Select;
 
@@ -25,7 +27,11 @@ const getBase64 = (file: FileType): Promise<string> =>
     reader.onerror = (error) => reject(error);
   });
 
-export default function UserCreate() {
+interface UserCreateProps {
+  closeDrawer: () => void;
+}
+
+export default function UserCreate({ closeDrawer }: UserCreateProps) {
   const user = useUserSelector();
   const { t } = useTranslation();
   const [previewOpen, setPreviewOpen] = useState(false);
@@ -45,6 +51,12 @@ export default function UserCreate() {
   const handleChange: UploadProps['onChange'] = ({ fileList: newFileList }) =>
     setFileList(newFileList);
 
+  const onFinish = async (values: UserUpdate) => {
+    console.log(values);
+    await UserService.createUser(values);
+    closeDrawer();
+  };
+
   const customUploadButton = (
     <div>
       <div
@@ -128,7 +140,7 @@ export default function UserCreate() {
       <Form
         name="user-edit-form"
         layout="vertical"
-        // onFinish={onFinish}
+        onFinish={onFinish}
         initialValues={{
           name: '',
           login: '',