Fix eslint and get the apps running again

Author: JDRomano2

.Rhistory

@@ -7,8 +7,6 @@
     "jest": true
   },
   "extends": [
-    "airbnb",
-    "airbnb/hooks",
     "plugin:react/recommended",
     "plugin:react-hooks/recommended",
     "plugin:jsx-a11y/recommended",

.eslintrc

@@ -34,7 +34,7 @@ const swaggerOpts = {
         description: 'ComptoxAI\'s public REST API',
       },
       {
-        url: 'http://0.0.0.0:3001',
+        url: 'http://0.0.0.0:3000',
         description: 'Default local (dev) API server',
       },
     ],

web/package-lock.json

@@ -25,7 +25,7 @@ nconf.env(['PORT', 'NODE_ENV']).argv({
   USERNAME: process.env.COMPTOX_AI_DATABASE_USERNAME,
   PASSWORD: process.env.COMPTOX_AI_DATABASE_PASSWORD,
   neo4j: 'local',
-  'neo4j-local': process.env.COMPTOX_AI_DATABASE_URL || 'bolt://165.123.13.192:7687',
+  'neo4j-local': process.env.COMPTOX_AI_DATABASE_URL || 'bolt://54.147.33.120:7687',
   base_url: 'http://0.0.0.0:3000',
   api_path: '/api',
 });

web/packages/api/app.js

@@ -48,7 +48,9 @@
     "@testing-library/jest-dom": "^6.1.3",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^12.0.0",
+    "airbnb": "^0.0.2",
     "eslint": "^8.49.0",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
     "react-scripts": "5.0.1"
   }
 }

web/packages/api/config.js

@@ -2,6 +2,7 @@
 // and https://github.com/greenelab/connectivity-search-frontend/blob/master/scripts/build-non-split.js
 
 const rewire = require('rewire');
+
 const defaults = rewire('react-scripts/scripts/build.js');
 const config = defaults.__get__('config');
 

web/packages/app/package.json

@@ -1,23 +1,20 @@
 import React from 'react';
+import { adaptV4Theme,createTheme, StyledEngineProvider, ThemeProvider } from '@mui/material';
 import Container from '@mui/material/Container';
-// import { Helmet } from 'react-helmet';
-// import ScriptTag from 'react-script-tag';
 
+import DatasetBuilder from './components/DatasetBuilder';
+import ExpandNetwork from './components/ExpandNetwork';
+import NodeResults from './components/NodeResults';
 import NodeSearch from './components/NodeSearch';
-import ChemicalSearch from './components/ChemicalSearch';
-import RelationshipSearch from './components/RelationshipSearch';
 import PathSearch from './components/PathSearch';
-import DatasetBuilder from './components/DatasetBuilder';
+// import ChemicalSearch from './components/ChemicalSearch';
+import RelationshipSearch from './components/RelationshipSearch';
 import ShortestPath from './components/ShortestPath';
-import ExpandNetwork from './components/ExpandNetwork';
+import * as chemLists from './data/chemical_list_data.json';
+import * as config from './data/data.json';
 
 import './App.css';
 
-import * as config from './data/data.json';
-import * as chemLists from './data/chemical_list_data.json'
-import { createTheme, ThemeProvider, StyledEngineProvider, adaptV4Theme } from '@mui/material';
-import NodeResults from './components/NodeResults';
-
 const theme = createTheme(adaptV4Theme({
   spacing: 2
 }));
@@ -29,7 +26,7 @@ class App extends React.Component {
     this.state = {
       relationshipResults: [],
       pathResults: []
-    }
+    };
   }
 
   render() {
@@ -40,13 +37,13 @@ class App extends React.Component {
             <Container>
               <h1>ComptoxAI interactive data portal</h1>
               <p>
-                From this page, you can search for individual entities (nodes) in ComptoxAI's graph database. When you select a query result, adjacent nodes (related data elements) are loaded and displayed below.
+                From this page, you can search for individual entities (nodes) in ComptoxAI&apos;s graph database. When you select a query result, adjacent nodes (related data elements) are loaded and displayed below.
               </p>
               <p>
                 For detailed usage instructions, please see <a href="https://comptox.ai/browse.html">this page</a>.
               </p>
               {/* <HowToUse /> */}
-              <ChemicalSearch />
+              {/* <ChemicalSearch /> */}
               <NodeSearch 
                 config={config.default}
               />

web/packages/app/scripts/build-custom.js

@@ -1,6 +1,7 @@
 import React from 'react';
-import { render } from '@testing-library/react';
 import { Provider } from 'react-redux';
+import { render } from '@testing-library/react';
+
 import { store } from './app/store';
 import App from './App';
 

web/packages/app/src/App.js

@@ -2,7 +2,7 @@ import React from 'react';
 
 class BatchQuery extends React.Component {
   render() {
-    return(
+    return (
       <div>
         <h2>Bulk data fetch</h2>
         <p>