Fixed linting errors preventing build

Author: John Rogers

src/components/App.js

@@ -1,13 +1,5 @@
 import React, { useState, useEffect, useMemo, useCallback } from "react";
-import {
-  Container,
-  Box,
-  Slide,
-  useMediaQuery,
-  Link,
-  Typography,
-  Rating,
-} from "@mui/material";
+import { Box, useMediaQuery, Typography, Rating } from "@mui/material";
 import { HashRouter as Router, Switch, Route } from "react-router-dom";
 import Upload from "./Upload";
 import Results from "./Results";
@@ -22,8 +14,6 @@ import {
 import { simplifyApi } from "../utilities/simplifyApi";
 import HarmonySidebar from "./HarmonySidebar";
 import pattern from "../img/pattern.svg";
-import logoWithText from "../img/Logo-04-min.svg";
-import ResultsOptions from "./ResultsOptions";
 import { deepmerge } from "@mui/utils";
 import { ColorModeContext } from "../contexts/ColorModeContext";
 import { useData } from "../contexts/DataContext";
@@ -33,7 +23,6 @@ import CookieConsent, { getCookieConsentValue } from "react-cookie-consent";
 import { ToastContainer, toast } from "react-toastify";
 import MakeMeJSON from "./MakeMeJSON.js";
 import "react-toastify/dist/ReactToastify.css";
-import YouTube from "react-youtube";
 import "../css/youtube.css";
 
 function App() {

src/components/HarmonySidebar.js

@@ -1,7 +1,6 @@
 import React, { useState } from "react";
 import {
   Box,
-  List,
   ListItem,
   ListItemButton,
   ListItemIcon,
@@ -107,7 +106,6 @@ export default function HarmonySidebar() {
   const isMobile = useMediaQuery(theme.breakpoints.down("md"));
   const [anchorUser, setAnchorUser] = useState(null);
   const [apiVersion, setApiVersion] = useState(null);
-  const [error, setError] = useState(null);
 
   const {
     currentUser,
@@ -155,7 +153,7 @@ export default function HarmonySidebar() {
       .then((ver) => {
         setApiVersion(ver);
       })
-      .catch((e) => setError("ERROR: API unreachable"));
+      .catch((e) => console.error("ERROR: API unreachable", e));
   }, [getVersion]);
 
   return (

src/components/Results.js

@@ -93,7 +93,7 @@ export default function Results({
   };
 
   useEffect(() => {
-    if (Object.keys(apiData).length === 0 && stateHash) {
+    if (stateHash) {
       getPublicHarmonisations(stateHash)
         .then((data) => {
           if (Array.isArray(data.apiData)) {