#59 clear input field before opening fileselection

cevi · Nov 29, 2023 · 3aa32f5 · 3aa32f5
1 parent e51dbe4
commit 3aa32f5
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/material/ImportAddMaterial.tsx b/src/components/material/ImportAddMaterial.tsx
@@ -17,6 +17,12 @@ export const ImportAddMaterialButton = (props: importAddMaterialProps) => {
     const [updateLoading] = useState(false);
     let excelInput = React.useRef<HTMLInputElement>(null);
 
+    function clearFileInput() {
+        if (excelInput.current?.value) {
+            excelInput.current.value = '';
+        }
+    }
+
     return <>
        <input
         style={{ display: 'none' }} 
@@ -33,6 +39,7 @@ export const ImportAddMaterialButton = (props: importAddMaterialProps) => {
                     message.error('Leider ist ein Fehler beim lesen der Datei aufgetreten 2');
                 }
             }}
+            onClick={clearFileInput}
         />
         <Button type='primary' disabled={updateLoading} onClick={() => excelInput?.current?.click()}>
             Excel Import