diff --git a/apps/client/src/ee/personal-space/components/create-personal-space-modal.tsx b/apps/client/src/ee/personal-space/components/create-personal-space-modal.tsx index 0e6051b49..72f1bc2b1 100644 --- a/apps/client/src/ee/personal-space/components/create-personal-space-modal.tsx +++ b/apps/client/src/ee/personal-space/components/create-personal-space-modal.tsx @@ -8,6 +8,7 @@ import { useAtomValue } from "jotai"; import { currentUserAtom } from "@/features/user/atoms/current-user-atom.ts"; import { useCreatePersonalSpaceMutation } from "@/ee/personal-space/queries/personal-space-query"; import { getSpaceUrl } from "@/lib/config.ts"; +import { notifications } from "@mantine/notifications"; const formSchema = z.object({ name: z.string().trim().min(2).max(100), @@ -35,9 +36,18 @@ export default function CreatePersonalSpaceModal({ opened, onClose }: Props) { }); const handleSubmit = async (values: FormValues) => { - const createdSpace = await createMutation.mutateAsync({ name: values.name }); - onClose(); - navigate(getSpaceUrl(createdSpace.slug)); + try { + const createdSpace = await createMutation.mutateAsync({ + name: values.name, + }); + onClose(); + navigate(getSpaceUrl(createdSpace.slug)); + } catch (err) { + notifications.show({ + message: err?.response?.data?.message, + color: "red", + }); + } }; return (