1 files changed, 50 insertions, 44 deletions
diff --git a/src/tools/emcoui/src/common/FileUpload.jsx b/src/tools/emcoui/src/common/FileUpload.jsx
index 847951e9..97d34bc2 100644
--- a/src/tools/emcoui/src/common/FileUpload.jsx
+++ b/src/tools/emcoui/src/common/FileUpload.jsx
@@ -11,58 +11,64 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-// ========================================================================  
-import React from 'react';
-import PropTypes from 'prop-types';
+// ========================================================================
+import React from "react";
+import PropTypes from "prop-types";
 import FileCopyIcon from "@material-ui/icons/FileCopy";
 import CloudUploadIcon from "@material-ui/icons/CloudUpload";
-import './fileUpload.css'
+import "./fileUpload.css";
 
 const FileUpload = (props) => {
-    return (
-        <>
-            <div className="file-upload">
-                <div
-                    className="file-upload-wrap"
-                    style={{
-                        border: props.file && props.file.name && "2px dashed rgba(0, 131, 143, 1)"
-                    }}
-                >
-                    <input
-                        required
-                        className="file-upload-input"
-                        type="file"
-                        accept={props.accept ? props.accept : "*"}
-                        name="file"
-                        onBlur={props.handleBlur ? props.handleBlur : null}
-                        onChange={(event) => {
-                            props.setFieldValue("file", event.currentTarget.files[0]);
-                        }}
-                    />
+  return (
+    <>
+      <div className="file-upload">
+        <div
+          className="file-upload-wrap"
+          style={{
+            border:
+              props.file &&
+              props.file.name &&
+              "2px dashed rgba(0, 131, 143, 1)",
+          }}
+        >
+          <input
+            required
+            className="file-upload-input"
+            type="file"
+            accept={props.accept ? props.accept : "*"}
+            name="file"
+            onBlur={props.handleBlur ? props.handleBlur : null}
+            onChange={(event) => {
+              props.setFieldValue(props.name, event.currentTarget.files[0]);
+            }}
+          />
 
-                    <div className="file-upload-text">
-                        {(props.file && props.file.name) ? (<>
-                            <span>
-                                <FileCopyIcon color="primary" />
-                            </span>
-                            <span style={{ fontWeight: 600 }}>{props.file.name}</span>
-                        </>) : (<>
-                            <span>
-                                <CloudUploadIcon />
-                            </span>
-                            <span>
-                                Drag And Drop or Click To Upload
-                             </span>
-                        </>)}
-                    </div>
-                </div>
-            </div>
-        </>);
+          <div className="file-upload-text">
+            {props.file && props.file.name ? (
+              <>
+                <span>
+                  <FileCopyIcon color="primary" />
+                </span>
+                <span style={{ fontWeight: 600 }}>{props.file.name}</span>
+              </>
+            ) : (
+              <>
+                <span>
+                  <CloudUploadIcon />
+                </span>
+                <span>Drag And Drop or Click To Upload</span>
+              </>
+            )}
+          </div>
+        </div>
+      </div>
+    </>
+  );
 };
 
 FileUpload.propTypes = {
-    handleBlur: PropTypes.func,
-    setFieldValue: PropTypes.func.isRequired,
+  handleBlur: PropTypes.func,
+  setFieldValue: PropTypes.func.isRequired,
 };
 
 export default FileUpload;