Prevent file automatic reupload

Azure · May 9, 2024 · 96a1ef6 · 96a1ef6
1 parent 777b633
commit 96a1ef6
Showing 1 changed file with 14 additions and 18 deletions.
diff --git a/src/components/file-field/file-field.js b/src/components/file-field/file-field.js
@@ -38,7 +38,6 @@ const FileField = props => {
     onError,
     tooltip,
     required = true,
-    file,
     allowClear,
     showError = true,
     errorMessage,
@@ -50,23 +49,26 @@ const FileField = props => {
   const [filename, setFilename] = useState('');
 
   const onTextFieldClick = useCallback(() => {
-    document.getElementById(id).click();
-  }, [id]);
-  const onTextFieldKeyPress = useCallback(
-    e => {
-      if (e.key === 'Enter') {
-        document.getElementById(id).click();
-      }
-    },
-    [id]
-  );
+    fileInputRef.current.click();
+  }, []);
+
+  const onTextFieldKeyPress = useCallback(e => {
+    if (e.key === 'Enter') {
+      fileInputRef.current.click();
+    }
+  }, []);
 
   const clearFile = useCallback(() => {
     setFilename('');
     if (fileInputRef.current) fileInputRef.current.value = '';
     onFileSelect(null);
   }, [onFileSelect]);
 
+  useEffect(() => {
+    clearFile();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
   const pickFile = useCallback(
     e => {
       const { files } = e.target;
@@ -83,6 +85,7 @@ const FileField = props => {
         onError(t(errors.fileSizeExceeded));
         return;
       }
+
       if (!fileTypes[fileType].includes(type)) {
         clearFile();
         onError(t(errors.fileTypeIncorrect, { type: fileType.toUpperCase() }));
@@ -95,13 +98,6 @@ const FileField = props => {
     [fileType, onError, onFileSelect, setFilename, clearFile, t]
   );
 
-  useEffect(() => {
-    if (file?.name) {
-      pickFile({ target: { files: [file] } });
-    }
-    // eslint-disable-next-line
-  }, []);
-
   const message = useMemo(() => {
     if (typeof errorMessage === 'string') return errorMessage;
     if (typeof errorMessage === 'function') return errorMessage();