fixed bug

Author: rinriko

src/component/County.js

@@ -191,6 +191,7 @@ class County extends Component {
         const {target,highlighto} = this.state;
         const {geographies} = this.state;
         const {map_width,map_height,projection} = this;
+        console.log(projection); 
         return <div className={classes.root}>
             <svg width={ map_width } height={ map_height } viewBox={`0 0 ${map_width} ${map_height}`} ref={this.svgRef}>
                 <g className="content">

src/component/District.js

@@ -199,6 +199,7 @@ class District extends Component {
         const {target,highlighto} = this.state;
         const {geographies} = this.state;
         const {map_width,map_height,projection} = this;
+        console.log(projection); 
         return <div className={classes.root}>
             <svg width={ map_width } height={ map_height } viewBox={`0 0 ${map_width} ${map_height}`} ref={this.svgRef}>
                 <g className="content">

src/component/EditableTable.js

@@ -2,7 +2,6 @@ import { Component, useLayoutEffect, useState } from "react";
 import { withStyles } from "@material-ui/core/styles";
 import {
   Box, Button,
-  Grid,
   Input,
   Tab,
   Table,

src/component/Graph.js

@@ -146,7 +146,7 @@ class Graph extends Component {
     }
 
     render() {
-        const {classes} = this.props;
+        // const {classes} = this.props;
         return ((this.props.rows.length && this.state.dataset) ?
             <Grid container alignItems="center" direction={"column"} spacing={1}>
                 <Grid item xs={11}>
@@ -161,7 +161,7 @@ class Graph extends Component {
                                   y={this.state.height + 40}>Age (months)
                             </text>
                             <text className="YAxisText"
-                                  transform={"translate(" + (-50) + "," + this.state.height / 2 + ")" + " rotate(-90)"}
+                                   transform={`translate(-50, ${this.state.height / 2}) rotate(-90)`}
                                   style={{"textAnchor": "middle", "textShadow": "1px 1px 0 rgba(200, 200, 200, 0.7"}}
                                   fontFamily="sans-serif" fontSize="16px">Number of Punchouts per Mile
                             </text>