Raid Group calendar working

src/ui/calendar/modals/CalendarEventModal.tsx

@@ -17,6 +17,7 @@ export default function CalendarEventModal({
 	display,
 	close,
 	calendarEvent,
+	disabled,
 	createCalendarEventMutate,
 	updateCalendarEventMutate,
 	deleteCalendarEventMutate
@@ -24,6 +25,7 @@ export default function CalendarEventModal({
 	display: boolean;
 	close: () => void;
 	calendarEvent?: CalendarEvent;
+	disabled?: boolean;
 	createCalendarEventMutate: UseMutationResult<void, Error, CalendarEvent, unknown>;
 	updateCalendarEventMutate: UseMutationResult<void, Error, CalendarEvent, unknown>;
 	deleteCalendarEventMutate: UseMutationResult<void, Error, CalendarEvent, unknown>;
@@ -117,6 +119,7 @@ export default function CalendarEventModal({
 							placeholder="Event Name"
 							onChange={(e) => setEventName(e.target.value)}
 							value={eventName}
+							disabled={disabled}
 						/>
 					</div>
 					<TextArea
@@ -124,6 +127,7 @@ export default function CalendarEventModal({
 						placeholder="Event Description"
 						onChange={(e) => setEventDescription(e.target.value)}
 						value={eventDescription}
+						disabled={disabled}
 					/>
 					<div
 						className="w-full"
@@ -133,12 +137,14 @@ export default function CalendarEventModal({
 							placeholder="Start Date"
 							value={moment(eventStartDate).format("YYYY-MM-DDTHH:mm")}
 							onChange={(e) => setEventStartDate(moment(e.target.value).toDate())}
+							disabled={disabled}
 						/>
 						<DateInput
 							id={`calendarEventModalEndDateInput${modalId}`}
 							placeholder="End Date"
 							value={moment(eventEndDate).format("YYYY-MM-DDTHH:mm")}
 							onChange={(e) => setEventEndDate(moment(e.target.value).toDate())}
+							disabled={disabled}
 						/>
 					</div>
 				</div>
@@ -157,6 +163,7 @@ export default function CalendarEventModal({
 					>
 						<PrimaryButton
 							onClick={calendarEvent?.calendarEventId ? updateCalendarEvent : createCalendarEvent}
+							disabled={disabled}
 						>
 							{calendarEvent?.calendarEventId ? "Update" : "Create"}
 						</PrimaryButton>
@@ -170,7 +177,7 @@ export default function CalendarEventModal({
 						className="flex flex-row items-center justify-end w-full"
 					>
 						{
-							calendarEvent?.calendarEventId &&
+							calendarEvent?.calendarEventId && !disabled &&
 							<DangerButton
 								variant="ghost"
 								shape="square"