feat(client): add update password

client/src/components/Header.tsx

@@ -70,7 +70,7 @@ export default function Header({ title, additionalContent }: HeaderProps) {
         closeDrawer={closeEditDrawer}
         type="edit"
       >
-        {user?.id && <UserEdit userId={user?.id} />}
+        {user?.id && <UserEdit closeDrawer={closeEditDrawer} userId={user?.id} />}
       </ContentDrawer>
     </div>
   );

client/src/components/UserEdit.tsx

@@ -1,8 +1,8 @@
 import { UserService } from '@/services/userService';
 import { useUserSelector } from '@/store/userStore';
-import { User, UserUpdate } from '@/types/user';
+import { UserUpdate } from '@/types/user';
 import { LoadingOutlined } from '@ant-design/icons';
-import { Button, Form, Input, Select, Spin } from 'antd';
+import { Button, Form, Input, message, Select, Spin } from 'antd';
 import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -10,17 +10,19 @@ const { Option } = Select;
 
 interface UserEditProps {
   userId?: number;
+  closeDrawer: () => void;
 }
 
-export default function UserEdit({ userId }: UserEditProps) {
+export default function UserEdit({ userId, closeDrawer }: UserEditProps) {
   const currentUser = useUserSelector();
   const [form] = Form.useForm();
   const { t } = useTranslation();
-  const [user, setUser] = useState<User>({
+  const [user, setUser] = useState<UserUpdate>({
     id: 0,
     name: '',
     login: '',
     email: '',
+    password: '',
     bindTenantId: '',
     role: 'VIEWER',
     meta: {},
@@ -53,10 +55,13 @@ export default function UserEdit({ userId }: UserEditProps) {
     });
 
     if (Object.keys(updatedUser).length > 0) {
+      console.log('updateUser', userId, updatedUser);
       await UserService.updateUser(userId!, updatedUser);
     }
 
     setLoading(false);
+    message.info(t('editAccountMessage'), 4);
+    closeDrawer();
   };
 
   return (