ob/sprint
1
0
Fork 0
mirror of https://github.com/hex248/sprint.git synced 2026-02-08 10:33:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

migrated modals to mutations

Browse Source
This commit is contained in:
Oliver Bryan
2026-01-20 17:04:58 +00:00
parent 06bac090a2
commit 75e06f7518
7 changed files with 432 additions and 581 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
packages/frontend/src/components/organisation-modal.tsx
View File

@@ -18,7 +18,8 @@ import {
} from "@/components/ui/dialog";
import { Field } from "@/components/ui/field";
import { Label } from "@/components/ui/label";
import { organisation, parseError } from "@/lib/server";
import { useCreateOrganisation, useUpdateOrganisation } from "@/lib/query/hooks";
import { parseError } from "@/lib/server";
import { cn } from "@/lib/utils";
const slugify = (value: string) =>
@@ -47,6 +48,8 @@ export function OrganisationModal({
onOpenChange?: (open: boolean) => void;
}) {
const { user } = useAuthenticatedSession();
const createOrganisation = useCreateOrganisation();
const updateOrganisation = useUpdateOrganisation();
const isControlled = controlledOpen !== undefined;
const [internalOpen, setInternalOpen] = useState(false);
@@ -106,62 +109,47 @@ export function OrganisationModal({
setSubmitting(true);
try {
if (isEdit && existingOrganisation) {
await organisation.update({
organisationId: existingOrganisation.id,
const data = await updateOrganisation.mutateAsync({
id: existingOrganisation.id,
name,
slug,
description,
onSuccess: async (data) => {
setOpen(false);
reset();
toast.success("Organisation updated");
try {
await completeAction?.(data);
} catch (actionErr) {
console.error(actionErr);
}
},
onError: async (err) => {
const message = parseError(err);
setError(message || "failed to update organisation");
setSubmitting(false);
try {
await errorAction?.(message || "failed to update organisation");
} catch (actionErr) {
console.error(actionErr);
}
},
});
setOpen(false);
reset();
toast.success("Organisation updated");
try {
await completeAction?.(data);
} catch (actionErr) {
console.error(actionErr);
}
} else {
await organisation.create({
const data = await createOrganisation.mutateAsync({
name,
slug,
description,
onSuccess: async (data) => {
setOpen(false);
reset();
try {
await completeAction?.(data);
} catch (actionErr) {
console.error(actionErr);
}
},
onError: async (err) => {
const message = parseError(err);
setError(message || "failed to create organisation");
setSubmitting(false);
try {
await errorAction?.(message || "failed to create organisation");
} catch (actionErr) {
console.error(actionErr);
}
},
});
setOpen(false);
reset();
toast.success(`Created Organisation ${data.name}`, {
dismissible: false,
});
try {
await completeAction?.(data);
} catch (actionErr) {
console.error(actionErr);
}
}
} catch (err) {
const message = parseError(err as Error);
console.error(err);
setError(`failed to ${isEdit ? "update" : "create"} organisation`);
setError(message || `failed to ${isEdit ? "update" : "create"} organisation`);
setSubmitting(false);
try {
await errorAction?.(message || `failed to ${isEdit ? "update" : "create"} organisation`);
} catch (actionErr) {
console.error(actionErr);
}
}
};