diff --git a/src/components/Manage/User/Create/review-input-step.tsx b/src/components/Manage/User/Create/review-input-step.tsx index e5f38a9a9..50cab5dea 100644 --- a/src/components/Manage/User/Create/review-input-step.tsx +++ b/src/components/Manage/User/Create/review-input-step.tsx @@ -1,5 +1,7 @@ -import { Button, Card, Group, Table, Text, Title } from '@mantine/core'; +import { Alert, Button, Card, Group, Table, Text, Title } from '@mantine/core'; import { + IconAlertTriangle, + IconAlertTriangleFilled, IconArrowLeft, IconCheck, IconInfoCircle, @@ -21,7 +23,7 @@ export const ReviewInputStep = ({ values, prevStep, nextStep }: ReviewInputStepP const { t } = useTranslation('manage/users/create'); const utils = api.useContext(); - const { mutateAsync: createAsync, isLoading } = api.user.create.useMutation({ + const { mutateAsync: createAsync, isLoading, isError, error } = api.user.create.useMutation({ onSettled: () => { void utils.user.all.invalidate(); }, @@ -87,6 +89,12 @@ export const ReviewInputStep = ({ values, prevStep, nextStep }: ReviewInputStepP + {isError && ( + } mb="lg"> + User creation has failed: {error.message} + + )} +