修复前端直接修改user的问题

This commit is contained in:
2025-05-12 12:18:14 +08:00
parent f16cbe5443
commit 5c29938730
2 changed files with 25 additions and 8 deletions

View File

@@ -1,4 +1,4 @@
import { IsEmail, IsOptional, IsString, Length, Matches, ValidateIf } from "class-validator"; import { IsEmail, IsOptional, IsString, Length, Matches } from "class-validator";
export class UpdateDto { export class UpdateDto {
@IsString({ message: '用户名不得为空' }) @IsString({ message: '用户名不得为空' })

View File

@@ -6,12 +6,30 @@ import { TooltipContent, TooltipProvider, TooltipTrigger, Tooltip } from "@/comp
import { useUserList } from "@/hooks/admin/user/use-user-list"; import { useUserList } from "@/hooks/admin/user/use-user-list";
import { useState } from "react"; import { useState } from "react";
import { UserInfoEditor } from "./components/user-info-editor"; import { UserInfoEditor } from "./components/user-info-editor";
import { User } from "@/lib/types/user";
export default function Page() { export default function Page() {
const { users, isLoading, error, total, page, pageSize } = useUserList(); const { users, isLoading, error, total, page, pageSize, mutate } = useUserList();
const [editorUserId, setEditorUserId] = useState(""); const [editorUserId, setEditorUserId] = useState("");
const handleUserUpdate = async (newUser: User) => {
await mutate(
(data) => {
if (!data) return data;
return {
...data,
items: data.items.map((user) =>
user.userId === newUser.userId ? newUser : user
),
};
},
{
revalidate: false,
}
)
}
return ( return (
<> <>
<Table> <Table>
@@ -67,12 +85,11 @@ export default function Page() {
</TableBody> </TableBody>
</Table> </Table>
<UserInfoEditor onClose={() => setEditorUserId('')} userId={editorUserId} onUserUpdate={(user) => { <UserInfoEditor
const index = users.findIndex((u) => u.userId === user.userId); onClose={() => setEditorUserId('')}
if (index !== -1) { userId={editorUserId}
users[index] = user; onUserUpdate={handleUserUpdate}
} />
}} />
</> </>
) )
} }