run prettier(2.0.5) (#1438)

client/src/components/graph/overlays/graphOverlayLayer.js

@@ -4,8 +4,8 @@ import { connect } from "react-redux";
 import styles from "../graph.css";
 
 export default
-@connect(state => ({
-  responsive: state.responsive
+@connect((state) => ({
+  responsive: state.responsive,
 }))
 class GraphOverlayLayer extends PureComponent {
   /*
@@ -18,11 +18,11 @@ class GraphOverlayLayer extends PureComponent {
     super(props);
 
     this.state = {
-      display: {}
+      display: {},
     };
   }
 
-  matrixToTransformString = m => {
+  matrixToTransformString = (m) => {
     /* 
       Translates the gl-matrix mat3 to SVG matrix transform style
 
@@ -34,13 +34,13 @@ class GraphOverlayLayer extends PureComponent {
     return `matrix(${m[0]} ${m[1]} ${m[3]} ${m[4]} ${m[6]} ${m[7]})`;
   };
 
-  reverseMatrixScaleTransformString = m => {
+  reverseMatrixScaleTransformString = (m) => {
     return `matrix(${1 / m[0]} 0 0 ${1 / m[4]} 0 0)`;
   };
 
   // This is passed to all children, should be called when an overlay's display state is toggled along with the overlay name and its new display state in boolean form
   overlayToggled = (overlay, displaying) => {
-    this.setState(state => {
+    this.setState((state) => {
       return { ...state, display: { ...state.display, [overlay]: displaying } };
     });
   };
@@ -54,13 +54,13 @@ class GraphOverlayLayer extends PureComponent {
       graphPaddingRightLeft,
       graphPaddingTop,
       children,
-      handleCanvasEvent
+      handleCanvasEvent,
     } = this.props;
 
     if (!cameraTF) return null;
 
     const { display } = this.state;
-    const displaying = Object.values(display).some(value => value); // check to see if at least one overlay is currently displayed
+    const displaying = Object.values(display).some((value) => value); // check to see if at least one overlay is currently displayed
 
     const inverseTransform = `${this.reverseMatrixScaleTransformString(
       modelTF
@@ -68,15 +68,15 @@ class GraphOverlayLayer extends PureComponent {
       cameraTF
     )} ${this.reverseMatrixScaleTransformString(
       projectionTF
-    )} scale(1 2) scale(1 ${1 /
-      -(responsive.height - graphPaddingTop)}) scale(2 1) scale(${1 /
-      (responsive.width - graphPaddingRightLeft)} 1)`;
+    )} scale(1 2) scale(1 ${
+      1 / -(responsive.height - graphPaddingTop)
+    }) scale(2 1) scale(${1 / (responsive.width - graphPaddingRightLeft)} 1)`;
 
     // Copy the children passed with the overlay and add the inverse transform and onDisplayChange props
-    const newChildren = React.Children.map(children, child =>
+    const newChildren = React.Children.map(children, (child) =>
       cloneElement(child, {
         inverseTransform,
-        overlayToggled: this.overlayToggled
+        overlayToggled: this.overlayToggled,
       })
     );
 
@@ -88,15 +88,16 @@ class GraphOverlayLayer extends PureComponent {
         pointerEvents="none"
         style={{
           zIndex: 99,
-          backgroundColor: displaying ? "rgba(255, 255, 255, 0.55)" : ""
+          backgroundColor: displaying ? "rgba(255, 255, 255, 0.55)" : "",
         }}
         onMouseMove={handleCanvasEvent}
         onWheel={handleCanvasEvent}
       >
         <g
           id="canvas-transformation-group-x"
-          transform={`scale(${responsive.width -
-            graphPaddingRightLeft} 1) scale(.5 1) translate(1 0)`}
+          transform={`scale(${
+            responsive.width - graphPaddingRightLeft
+          } 1) scale(.5 1) translate(1 0)`}
         >
           <g
             id="canvas-transformation-group-y"