remove all linting errors on client/src (#1463)

* run eslint --fix

* camelcase

* camelCase config part 1

* part 2

* part 3 - removing subscripts

* fix "class-methods-use-this"

* fix "class-methods-use-this"

* fix eslint ignores

* add eslint ignore for set state in update

* reformat comments to appease eslint

* add a11y features

* sort-comp fix

* a11y fix

* add ignore for set state in update

* add a11y htmlFor

* remove unused toast

* remove unnecessary bind

* add ignore for set state in update

* add rel="noopener noreferrer"

Using target="_blank" without rel="noopener noreferrer" is a security risk: see https://mathiasbynens.github.io/rel-noopener

* use arrow function to bind

* remove unused definitions/declarations

* prettier

* remove unused state

* add comments to empty catch blocks remove curly brackets

* escape '

* use eqeqeq

* switch from default export

* remove ignore log

* remove static

* fix import

* revert subscripting config

* clean-up

* remove unnecessary subscript

* fix new errors from master

* change category click handler to a class property

* fix camelcase changes that slipped by

* unused import

* Fix newly introduced ESLint errors from addGenes

client/src/components/scatterplot/scatterplot.js

@@ -141,7 +141,7 @@ class Scatterplot extends React.PureComponent {
       viewport: {
         height: null,
         width: null,
-      }
+      },
     };
   }
 
@@ -190,7 +190,7 @@ class Scatterplot extends React.PureComponent {
       svg,
       drawPoints,
       projectionTF,
-      viewport
+      viewport,
     });
   }
 
@@ -286,20 +286,11 @@ class Scatterplot extends React.PureComponent {
     return {
       viewport: {
         height: window.height,
-        width: window.width
-      }
+        width: window.width,
+      },
     };
   };
 
-  handleResize = () => {
-    const { state } = this.state;
-    const viewport = this.getViewportDimensions();
-    this.setState({
-      ...state,
-      viewport,
-    });
-  };
-
   static setupScales(expressionX, expressionY) {
     const xScale = d3
       .scaleLinear()
@@ -316,6 +307,15 @@ class Scatterplot extends React.PureComponent {
     };
   }
 
+  handleResize = () => {
+    const { state } = this.state;
+    const viewport = this.getViewportDimensions();
+    this.setState({
+      ...state,
+      viewport,
+    });
+  };
+
   updateViewportDimensions = () => {
     this.setState(this.getViewportDimensions());
   };
@@ -390,7 +390,7 @@ class Scatterplot extends React.PureComponent {
       minViewportDimension: Math.min(
         viewport.width - globals.leftSidebarWidth || width,
         viewport.height || height
-      )
+      ),
     });
     regl._gl.flush();
   }