71 lines
2.4 KiB
TypeScript
71 lines
2.4 KiB
TypeScript
import { useRouter } from "next/router";
|
|
import { z } from "zod";
|
|
|
|
import NoSSR from "@calcom/core/components/NoSSR";
|
|
import { getParserWithGeneric } from "@calcom/prisma/zod-utils";
|
|
import { trpc } from "@calcom/trpc/react";
|
|
import { Meta, showToast } from "@calcom/ui";
|
|
|
|
import { getLayout } from "../../../settings/layouts/SettingsLayout";
|
|
import LicenseRequired from "../../common/components/LicenseRequired";
|
|
import { UserForm } from "../components/UserForm";
|
|
import { userBodySchema } from "../schemas/userBodySchema";
|
|
|
|
const userIdSchema = z.object({ id: z.coerce.number() });
|
|
|
|
const UsersEditPage = () => {
|
|
const router = useRouter();
|
|
const input = userIdSchema.safeParse(router.query);
|
|
|
|
if (!input.success) return <div>Invalid input</div>;
|
|
|
|
return <UsersEditView userId={input.data.id} />;
|
|
};
|
|
|
|
const UsersEditView = ({ userId }: { userId: number }) => {
|
|
const router = useRouter();
|
|
const [data] = trpc.viewer.users.get.useSuspenseQuery({ userId });
|
|
const { user } = data;
|
|
const utils = trpc.useContext();
|
|
const mutation = trpc.viewer.users.update.useMutation({
|
|
onSuccess: async () => {
|
|
await utils.viewer.users.list.invalidate();
|
|
await utils.viewer.users.get.invalidate();
|
|
showToast("User updated successfully", "success");
|
|
router.replace(`${router.asPath.split("/users/")[0]}/users`);
|
|
},
|
|
onError: (err) => {
|
|
console.error(err.message);
|
|
showToast("There has been an error updating this user.", "error");
|
|
},
|
|
});
|
|
return (
|
|
<LicenseRequired>
|
|
<Meta title={`Editing user: ${user.username}`} description="Here you can edit a current user." />
|
|
<NoSSR>
|
|
<UserForm
|
|
key={JSON.stringify(user)}
|
|
onSubmit={(values) => {
|
|
const parser = getParserWithGeneric(userBodySchema);
|
|
const parsedValues = parser(values);
|
|
const data: Partial<typeof parsedValues & { userId: number }> = {
|
|
...parsedValues,
|
|
userId: user.id,
|
|
};
|
|
// TODO: Add support for avatar in the API
|
|
delete data.avatar;
|
|
// Don't send username if it's the same as the current one
|
|
if (user.username === data.username) delete data.username;
|
|
mutation.mutate(data);
|
|
}}
|
|
defaultValues={user}
|
|
/>
|
|
</NoSSR>
|
|
</LicenseRequired>
|
|
);
|
|
};
|
|
|
|
UsersEditPage.getLayout = getLayout;
|
|
|
|
export default UsersEditPage;
|