fix: Zurücksetzen des Formularstatus beim Schließen von CreateFilterModal

- Funktion `closeReset` hinzugefügt, um `name`, `label`, und `selectedType` beim Schließen des Modals zurückzusetzen
- Stellt sicher, dass das Formular nach der Filtererstellung oder dem manuellen Schließen gelöscht wird
- Modaler `onClose` Handler und `createFiltersAsync` Callback aktualisiert, um `closeReset` zu verwenden
This commit is contained in:
2025-07-09 11:05:07 +02:00
parent fdd093b8aa
commit d7e3e500ab

View File

@@ -31,6 +31,13 @@ export default function CreateFilterModal({ open, handleClose }: ModalProps) {
const [label, setLabel] = useState<string | undefined>(undefined); const [label, setLabel] = useState<string | undefined>(undefined);
const [selectedType, setSelectedType] = useState<Type | undefined>(undefined); const [selectedType, setSelectedType] = useState<Type | undefined>(undefined);
function closeReset() {
handleClose();
setName(undefined);
setLabel(undefined)
setSelectedType(undefined)
}
async function tryCreateFilter(): Promise<any> { async function tryCreateFilter(): Promise<any> {
if (!name) { if (!name) {
alert('No name.'); alert('No name.');
@@ -39,7 +46,7 @@ export default function CreateFilterModal({ open, handleClose }: ModalProps) {
alert('No type.'); alert('No type.');
} }
else { else {
await createFiltersAsync({ name: name, type: selectedType, label: label }).then(() => handleClose()); await createFiltersAsync({ name: name, type: selectedType, label: label }).then(closeReset);
} }
} }
@@ -47,7 +54,7 @@ export default function CreateFilterModal({ open, handleClose }: ModalProps) {
<div> <div>
<Modal <Modal
open={open} open={open}
onClose={handleClose} onClose={closeReset}
aria-labelledby="modal-modal-title" aria-labelledby="modal-modal-title"
aria-describedby="modal-modal-description" aria-describedby="modal-modal-description"
> >