lint jsx files

src/components/TimelineCategories.jsx

@@ -1,58 +1,58 @@
-import React from 'react';
+/* global d3 */
+import React from 'react'
 
 class TimelineCategories extends React.Component {
-
-  constructor() {
-    super();
+  constructor () {
+    super()
     this.grabRef = React.createRef()
     this.state = {
       isInitialized: false
     }
   }
 
-  componentDidUpdate() {
+  componentDidUpdate () {
     if (!this.state.isInitialized) {
       const drag = d3.drag()
-      .on('start', this.props.onDragStart)
-      .on('drag', this.props.onDrag)
-      .on('end', this.props.onDragEnd);
+        .on('start', this.props.onDragStart)
+        .on('drag', this.props.onDrag)
+        .on('end', this.props.onDragEnd)
 
       d3.select(this.grabRef.current)
-        .call(drag);
+        .call(drag)
 
-        this.setState({ isInitialized: true });
+      this.setState({ isInitialized: true })
     }
   }
 
-  renderCategory(category, idx) {
-    const dims = this.props.dims;
+  renderCategory (category, idx) {
+    const dims = this.props.dims
     return (
-      <g class="tick" opacity="1" transform={`translate(0,${this.props.getCategoryY(category.category)})`}>
-        <line x1={dims.margin_left} x2={dims.width - dims.width_controls}></line>
-        <text x={dims.margin_left - 5} dy="0.32em">{category.category}</text>
+      <g class='tick' opacity='1' transform={`translate(0,${this.props.getCategoryY(category.category)})`}>
+        <line x1={dims.margin_left} x2={dims.width - dims.width_controls} />
+        <text x={dims.margin_left - 5} dy='0.32em'>{category.category}</text>
       </g>
     )
   }
 
   render () {
-    const dims = this.props.dims;
+    const dims = this.props.dims
 
     return (
       <g
-        class="yAxis"
+        class='yAxis'
       >
         {this.props.categories.map((cat, idx) => this.renderCategory(cat, idx))}
         <rect
           ref={this.grabRef}
-          class="drag-grabber"
+          class='drag-grabber'
           x={dims.margin_left}
-          y="20"
+          y='20'
           width={dims.width - dims.margin_left - dims.width_controls}
           height={dims.trackHeight}
-        ></rect>
+        />
       </g>
-    );
+    )
   }
 }
 
-export default TimelineCategories;
+export default TimelineCategories