added adding and editing of availabilities

client/src/app/admin/EditAvailability.tsx

@@ -0,0 +1,36 @@
+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}
+		/>
+	);
+}