Webmaster/ieeeucsd-org
3
1
Fork 0
Code Issues 11 Pull requests Projects Releases Packages Wiki Activity Actions

fix unsaved changes prompt from showing when submitting event

Browse source
This commit is contained in:
chark1es 2025-03-09 03:52:30 -07:00
parent 61efaeefa7
commit 3166fec65e
1 changed files with 38 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
src/components/dashboard/Officer_EventManagement/EventEditor.tsx
View file

@ -693,7 +693,7 @@ export default function EventEditor({ onEventSaved }: EventEditorProps) {
}, []); }, []);
const handleModalClose = useCallback(() => { const handleModalClose = useCallback(() => {
if (hasUnsavedChanges) { if (hasUnsavedChanges && !isSubmitting) {
const confirmed = window.confirm('You have unsaved changes. Are you sure you want to close?'); const confirmed = window.confirm('You have unsaved changes. Are you sure you want to close?');
if (!confirmed) return; if (!confirmed) return;
} }
@ -721,7 +721,34 @@ export default function EventEditor({ onEventSaved }: EventEditorProps) {
const modal = document.getElementById("editEventModal") as HTMLDialogElement; const modal = document.getElementById("editEventModal") as HTMLDialogElement;
if (modal) modal.close(); if (modal) modal.close();
}, [hasUnsavedChanges]); }, [hasUnsavedChanges, isSubmitting]);
// Function to close modal after saving (without confirmation)
const closeModalAfterSave = useCallback(() => {
setEvent({
id: "",
created: "",
updated: "",
event_name: "",
event_description: "",
event_code: "",
location: "",
files: [],
points_to_reward: 0,
start_date: "",
end_date: "",
published: false,
has_food: false
});
setSelectedFiles(new Map());
setFilesToDelete(new Set());
setShowPreview(false);
setPreviewUrl("");
setPreviewFilename("");
const modal = document.getElementById("editEventModal") as HTMLDialogElement;
if (modal) modal.close();
}, []);
const handleSubmit = useCallback(async (e: React.FormEvent<HTMLFormElement>) => { const handleSubmit = useCallback(async (e: React.FormEvent<HTMLFormElement>) => {
e.preventDefault(); e.preventDefault();
@ -834,8 +861,11 @@ export default function EventEditor({ onEventSaved }: EventEditorProps) {
// Call the onEventSaved callback if provided // Call the onEventSaved callback if provided
if (onEventSaved) onEventSaved(); if (onEventSaved) onEventSaved();
// Reset unsaved changes flag before closing
setHasUnsavedChanges(false);
// Close the modal // Close the modal
handleModalClose(); closeModalAfterSave();
} else { } else {
// We're creating a new event // We're creating a new event
@ -875,8 +905,11 @@ export default function EventEditor({ onEventSaved }: EventEditorProps) {
// Call the onEventSaved callback if provided // Call the onEventSaved callback if provided
if (onEventSaved) onEventSaved(); if (onEventSaved) onEventSaved();
// Reset unsaved changes flag before closing
setHasUnsavedChanges(false);
// Close the modal // Close the modal
handleModalClose(); closeModalAfterSave();
} }
// Refresh events list if available // Refresh events list if available
@ -889,7 +922,7 @@ export default function EventEditor({ onEventSaved }: EventEditorProps) {
setIsSubmitting(false); setIsSubmitting(false);
window.hideLoading?.(); window.hideLoading?.();
} }
}, [event, selectedFiles, filesToDelete, services, onEventSaved, isSubmitting, handleModalClose]); }, [event, selectedFiles, filesToDelete, services, onEventSaved, isSubmitting, closeModalAfterSave]);
return ( return (