Fix a lot of warnings

* Unused import warnings
* Missing useEffect dependency array warnings
* Regex containing double space warning

Author: carrollsa

src/client/src/pages/Admin/Admin.js

@@ -9,14 +9,11 @@ import {
 
 import _ from 'lodash';
 import {Alert} from "@material-ui/lab";
-import {makeStyles} from "@material-ui/styles";
 import UploadBox from './Components/UploadBox';
 import AnalysisBox from './Components/AnalysisBox';
 import Loading from './Components/Loading';
 import useAlert from '../../hooks/useAlert';
 
-const useStyles = makeStyles({});
-
 export default function Admin(props) {
     const [isLoading, setIsLoading] = React.useState(undefined);
     const [statistics, setStatistics] = React.useState(undefined);
@@ -82,7 +79,7 @@ export default function Admin(props) {
 
             setAlert({
                 type: "success",
-                text: `${files.length == 1 ? "1 file" : files.length + " files"} uploaded successfully`,
+                text: `${files.length === 1 ? "1 file" : files.length + " files"} uploaded successfully`,
             });
         } catch (error) {
             console.warn(error);

src/client/src/pages/Admin/Components/AnalysisBox.jsx

@@ -13,7 +13,7 @@ export default function AnalysisBox(props) {
     const { handleExecute, lastExecution, statistics } = props;
 
     return (
-        <Grid item direction="column" spacing={3} sm={6}>
+        <Grid item sm={6}>
             <Paper>
                 <CardContent>
                     <Typography variant="h5" style={{ paddingBottom: 5 }}>

src/client/src/pages/Admin/Components/AnalysisTable.jsx

@@ -7,7 +7,6 @@ import {
     Table,
     Divider,
 } from "@material-ui/core";
-import _ from "lodash";
 import { formatTimestamp } from "../../../utils/utils";
 
 export default function AnalysisTable(props) {

src/client/src/pages/Admin/Components/UploadBox.jsx

@@ -13,7 +13,7 @@ export default function UploadBox(props) {
     const { filesInput, handleUpload, lastUploads } = props;
 
     return (
-        <Grid item direction="column" spacing={3} sm={6}>
+        <Grid item sm={6}>
             <Paper>
                 <CardContent>
                     <Typography variant="h5">Upload Files</Typography>

src/client/src/pages/Admin/Components/UploadsTable.jsx

@@ -2,7 +2,6 @@ import React from "react";
 import {
     Grid,
     TableRow,
-    TableContainer,
     TableCell,
     TableBody,
     Table,

src/client/src/pages/DataView360/Search/Search.js

@@ -62,7 +62,7 @@ export const Search360 = (props) => {
                 await setParticipantList(stateData.participantList)
             }
         })();
-    }, []);
+    }, [history]);
 
     const onRowClick = (matching_id) => {
         const match = matchPath(`/360view/view/${matching_id}`, {

src/client/src/pages/UserManagement/UserManagement.jsx

@@ -56,11 +56,11 @@ export default function UserManagement(props) {
         setDialogOpen(true);
     }
 
-    const closeDialog = () => {
+    const closeDialog = React.useCallback(() => {
         setDialogOpen(false);
         setDialogType(null);
         setSelectedUser(null);
-    }
+    }, [setDialogOpen, setDialogType, setSelectedUser])
 
     React.useEffect(() => {
         const handleEscape = (event) => {

src/client/src/pages/UserManagement/Validations.js

@@ -13,7 +13,7 @@ export const buildNameValidation = () => {
         .trim()
         .min(2, "Name must be at least 2 characters")
         .max(50, "Name cannot be more than 50 characters")
-        .matches(/^(?!.*  )[a-zA-Z ]+$/, "Name must only contain letters and non-consecutive internal spaces")
+        .matches(/^(?!.* )[a-zA-Z ]+$/, "Name must only contain letters and non-consecutive internal spaces")
         .required("Name is required")
 }