Refactor imports

Author: PrinceSumberia

src/components/Cards.js

@@ -1,5 +1,6 @@
-import { withStyles } from "@material-ui/styles";
 import React from "react";
+import { withStyles } from "@material-ui/styles";
+
 import styles from "../styles/CardsStyles";
 
 function Cards({ title, src, classes }) {

src/components/Charts.js

@@ -1,10 +1,18 @@
-import { withStyles } from "@material-ui/styles";
 import React, { Component } from "react";
+import { withStyles } from "@material-ui/styles";
 import {
-  Legend, Line, LineChart, ResponsiveContainer, Tooltip, XAxis, YAxis
+  Legend,
+  Line,
+  LineChart,
+  ResponsiveContainer,
+  Tooltip,
+  XAxis,
+  YAxis,
 } from "recharts";
+
 import colors from "../constants/colors";
-import styles from '../styles/ChartsStyles';
+
+import styles from "../styles/ChartsStyles";
 
 class Charts extends Component {
   render() {
@@ -28,7 +36,7 @@ class Charts extends Component {
             (newObject.totalrecovered + newObject.totaldeceased),
         };
       });
-    } catch (err) { }
+    } catch (err) {}
 
     return (
       <div className={classes.charts}>
@@ -84,4 +92,4 @@ class Charts extends Component {
   }
 }
 
-export default withStyles(styles)(Charts)
+export default withStyles(styles)(Charts);

src/components/DisplayPanels.js

@@ -1,5 +1,6 @@
-import { withStyles } from "@material-ui/styles";
 import React, { Component } from "react";
+import { withStyles } from "@material-ui/styles";
+
 import styles from "../styles/DisplayPanelsStyles";
 
 class DisplayPanels extends Component {

src/components/DisplayTable.js

@@ -1,6 +1,10 @@
-import { faArrowCircleDown, faArrowCircleRight } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import React, { useState } from "react";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import {
+  faArrowCircleDown,
+  faArrowCircleRight,
+} from "@fortawesome/free-solid-svg-icons";
+
 import "../styles/DisplayTable.css";
 
 const useSortableData = (items, config = null) => {
@@ -55,7 +59,7 @@ const DisplayTable = ({ tableData, isDarkMode, districtLevel }) => {
       }
       return newObject;
     });
-  } catch (err) { }
+  } catch (err) {}
 
   const getDistrictData = (statecode) => {
     try {
@@ -104,7 +108,7 @@ const DisplayTable = ({ tableData, isDarkMode, districtLevel }) => {
         </>
       );
       return markup;
-    } catch (err) { }
+    } catch (err) {}
   };
 
   const { items, requestSort, sortConfig } = useSortableData(result);

src/components/Footer.js

@@ -1,6 +1,7 @@
+import React, { Component } from "react";
 import { withStyles } from "@material-ui/styles";
 import classNames from "classnames";
-import React, { Component } from "react";
+
 import styles from "../styles/FooterStyles.js";
 
 class Footer extends Component {

src/components/Form.js

@@ -1,5 +1,6 @@
-import { withStyles } from "@material-ui/styles";
 import React, { Component } from "react";
+import { withStyles } from "@material-ui/styles";
+
 import styles from "../styles/FormStyles";
 
 class Form extends Component {

src/components/Help.js

@@ -1,13 +1,15 @@
-import { faExternalLinkAlt } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { withStyles } from "@material-ui/styles";
-import axios from "axios";
 import React, { Component } from "react";
+import axios from "axios";
 import FadeIn from "react-fade-in";
-import styles from "../styles/HelpStyles";
+import { withStyles } from "@material-ui/styles";
+import { faExternalLinkAlt } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
 import Form from "./Form";
 import Placeholder from "./Placeholder";
 
+import styles from "../styles/HelpStyles";
+
 class Help extends Component {
   constructor(props) {
     super(props);
@@ -46,7 +48,7 @@ class Help extends Component {
           hashmap[x["state"]][x["city"]][x["category"]].push(x);
       });
       this.setState({ data: hashmap });
-    } catch (err) { }
+    } catch (err) {}
   }
 
   handleQuery(query) {

src/components/LinearGradient.js

@@ -1,7 +1,8 @@
-import { withStyles } from "@material-ui/styles";
-import classNames from 'classnames';
-import PropTypes from "prop-types";
 import React from "react";
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/styles";
+
 import styles from "../styles/LinearGradientStyles";
 
 const LinearGradient = (props) => {
@@ -13,7 +14,13 @@ const LinearGradient = (props) => {
         <span className={classes.fill}></span>
         <span>{data.max}</span>
       </div>
-      <div className={classNames(classes.mt8, classes.boxStyle, classes.gradientStyle)}></div>
+      <div
+        className={classNames(
+          classes.mt8,
+          classes.boxStyle,
+          classes.gradientStyle
+        )}
+      ></div>
     </div>
   );
 };

src/components/Map.js

@@ -1,12 +1,15 @@
+import React, { Component } from "react";
+import ReactTooltip from "react-tooltip";
 import { withStyles } from "@material-ui/styles";
 import { scaleQuantile } from "d3-scale";
-import React, { Component } from "react";
 import { ComposableMap, Geographies, Geography } from "react-simple-maps";
-import ReactTooltip from "react-tooltip";
+
+import LinearGradient from "./LinearGradient.js";
+
 import INDIA_TOPO_JSON from "../constants/india.topo.json";
-import styles from '../styles/MapStyles';
+
+import styles from "../styles/MapStyles";
 import "../styles/MapStyles.js";
-import LinearGradient from "./LinearGradient.js";
 
 /**
  * Courtesy: https://rawgit.com/Anujarya300/bubble_maps/master/data/geography-data/india.topo.json
@@ -78,7 +81,7 @@ class Map extends Component {
 
   render() {
     const data = this.props.mapData;
-    const { classes } = this.props
+    const { classes } = this.props;
     const gradientData = {
       fromColor: COLOR_RANGE[0],
       toColor: COLOR_RANGE[COLOR_RANGE.length - 1],

src/components/MapSection.js

@@ -1,8 +1,10 @@
-import { withStyles } from "@material-ui/styles";
 import React, { Component } from "react";
-import styles from "../styles/MapSection";
-import DisplayPanels from "./DisplayPanels";
+import { withStyles } from "@material-ui/styles";
+
 import Map from "./Map";
+import DisplayPanels from "./DisplayPanels";
+
+import styles from "../styles/MapSection";
 
 class MapSection extends Component {
   constructor(props) {
@@ -32,7 +34,7 @@ class MapSection extends Component {
           (Number(updatedData.deltarecovered) +
             Number(updatedData.deltadeaths)),
       });
-    } catch (error) { }
+    } catch (error) {}
   }
 
   render() {