Files
golunteer/client/src/app/admin/EditAvailability.tsx
2025-01-18 13:25:12 +00:00

37 lines
900 B
TypeScript

import { apiCall } from "@/lib";
import AvailabilityEditor, { Availability } from "./AvailabilityEditor";
import { Button } from "@heroui/react";
import { Renew } from "@carbon/icons-react";
export default function EditAvailability(props: {
value: Availability | undefined;
isOpen?: boolean;
onOpenChange?: (isOpen: boolean) => void;
onSuccess?: () => void;
}) {
async function addAvailability(a: Availability) {
const result = await apiCall("PATCH", "availabilities", undefined, a);
if (result.ok) {
props.onSuccess?.();
props.onOpenChange?.(false);
}
}
return (
<AvailabilityEditor
key={props.value?.id}
header="Edit Availability"
footer={
<Button type="submit" color="primary" startContent={<Renew />}>
Update
</Button>
}
value={props.value}
isOpen={props.isOpen}
onOpenChange={props.onOpenChange}
onSubmit={addAvailability}
/>
);
}