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:
@@ -31,6 +31,13 @@ export default function CreateFilterModal({ open, handleClose }: ModalProps) {
|
||||
const [label, setLabel] = useState<string | undefined>(undefined);
|
||||
const [selectedType, setSelectedType] = useState<Type | undefined>(undefined);
|
||||
|
||||
function closeReset() {
|
||||
handleClose();
|
||||
setName(undefined);
|
||||
setLabel(undefined)
|
||||
setSelectedType(undefined)
|
||||
}
|
||||
|
||||
async function tryCreateFilter(): Promise<any> {
|
||||
if (!name) {
|
||||
alert('No name.');
|
||||
@@ -39,7 +46,7 @@ export default function CreateFilterModal({ open, handleClose }: ModalProps) {
|
||||
alert('No type.');
|
||||
}
|
||||
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>
|
||||
<Modal
|
||||
open={open}
|
||||
onClose={handleClose}
|
||||
onClose={closeReset}
|
||||
aria-labelledby="modal-modal-title"
|
||||
aria-describedby="modal-modal-description"
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user