Fix dark mode button bug and remove unused vars

Author: PrinceSumberia

package.json

@@ -14,7 +14,6 @@
     "@testing-library/user-event": "^7.2.1",
     "axios": "^0.19.2",
     "classnames": "^2.2.6",
-    "gh-pages": "^2.2.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-router-dom": "^5.1.2",
@@ -24,8 +23,6 @@
     "recharts": "^1.8.5"
   },
   "scripts": {
-    "predeploy": "npm run build",
-    "deploy": "gh-pages -d build",
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",

src/components/Barchart.js

@@ -1,13 +1,5 @@
 import React, { Component } from "react";
-import {
-  BarChart,
-  Bar,
-  XAxis,
-  YAxis,
-  CartesianGrid,
-  Tooltip,
-  Legend,
-} from "recharts";
+import { BarChart, Bar, XAxis, YAxis, Tooltip } from "recharts";
 
 export default class Barchart extends Component {
   render() {

src/components/Charts.js

@@ -1,13 +1,5 @@
 import React, { Component } from "react";
-import {
-  LineChart,
-  Line,
-  XAxis,
-  YAxis,
-  CartesianGrid,
-  Tooltip,
-  Legend,
-} from "recharts";
+import { LineChart, Line, XAxis, YAxis, Tooltip, Legend } from "recharts";
 import colors from "../constants/colors";
 import "../styles/Charts.css";
 

src/components/CovidApp.js

@@ -119,7 +119,11 @@ class CovidApp extends Component {
           </div>
           <div className="darkModeButton">
             <label className="switch">
-              <input type="checkbox" onChange={setDarkMode} />
+              <input
+                type="checkbox"
+                onChange={setDarkMode}
+                checked={isDarkMode}
+              />
               <span className="slider round"></span>
             </label>
           </div>