修复前端直接修改user的问题
This commit is contained in:
@@ -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: '用户名不得为空' })
|
||||||
|
|||||||
@@ -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}
|
||||||
}
|
/>
|
||||||
}} />
|
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user