CEC-5308: remove dead code (#475)

src/components/Controls/FileDragArea/index.jsx

@@ -1,87 +0,0 @@
-import React, { useRef, useState } from "react";
-import clsx from "clsx";
-
-import useStyles from "../../useStyles";
-import { useStatusContext } from "../../Contexts/StatusContext";
-
-const FileDragArea = ({
-  onFileSelect,
-  onDragEnter,
-  onDragOver,
-  onDragLeave,
-  children,
-}) => {
-  const { setMessage } = useStatusContext();
-  const [over, setOver] = useState(false);
-  const classes = useStyles();
-  const inputFile = useRef();
-
-  const dragEnterHandler = (e) => {
-    setOver(true);
-    if (onDragEnter) onDragEnter(e);
-  };
-
-  const dragOverHandler = (e) => {
-    setOver(true);
-    if (onDragEnter) onDragOver(e);
-  };
-
-  const dragLeaveHandler = (e) => {
-    setOver(false);
-    if (onDragLeave) onDragLeave(e);
-  };
-
-  const dropHandler = (e) => {
-    try {
-      const { files } = e.dataTransfer;
-      if (onFileSelect) onFileSelect(files);
-      setOver(false);
-    } catch (err) {
-      setMessage(err);
-    }
-  };
-
-  const selectHandler = (e) => {
-    try {
-      const { files } = e.target;
-      if (onFileSelect) onFileSelect(files);
-    } catch (err) {
-      setMessage(err);
-    }
-  };
-
-  const onClick = (e) => {
-    try {
-      inputFile.current.click();
-    } catch (err) {
-      setMessage(err);
-    }
-  };
-
-  return (
-    <>
-      <div
-        onDragEnter={dragEnterHandler}
-        onDragOver={dragOverHandler}
-        onDragLeave={dragLeaveHandler}
-        onDrop={dropHandler}
-        onClick={onClick}
-        className={clsx(
-          classes.fileDropArea,
-          classes.clickable,
-          over ? classes.overHighlight : null
-        )}
-      >
-        {children}
-      </div>
-      <input
-        type="file"
-        onChange={selectHandler}
-        ref={inputFile}
-        className={classes.hidden}
-      />
-    </>
-  );
-};
-
-export default FileDragArea;