Added support for patients db. (covid19india#331)

.eslintrc.js

@@ -22,8 +22,8 @@ module.exports = {
     'prettier/prettier': 'error',
     'no-invalid-this': 0,
     'react/prop-types': 0,
-    'react-hooks/rules-of-hooks': 0,
-    'react-hooks/exhaustive-deps': 0,
+    'react-hooks/rules-of-hooks': 'warn',
+    'react-hooks/exhaustive-deps': 'error',
   },
   settings: {
     react: {

package.json

@@ -4,19 +4,25 @@
   "private": true,
   "homepage": "http://covid19india.github.io/",
   "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^1.2.28",
+    "@fortawesome/free-solid-svg-icons": "^5.13.0",
+    "@fortawesome/react-fontawesome": "^0.1.9",
     "axios": "^0.19.2",
     "d3": "^5.15.0",
     "d3-svg-legend": "^2.25.6",
     "date-fns": "^2.11.0",
     "install": "^0.13.0",
+    "json2csv": "^5.0.0",
     "node-sass": "^4.13.1",
     "npm": "^6.14.3",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-feather": "^2.0.3",
     "react-router-dom": "^5.1.2",
     "react-scripts": "3.4.0",
+    "react-table": "^7.0.0",
     "sass-lint": "^1.13.1",
+    "react-table": "^7.0.0",
     "topojson": "^3.0.2"
   },
   "scripts": {

src/App.js

@@ -8,41 +8,48 @@ import {
 import * as Icon from 'react-feather';
 
 import './App.scss';
+
 import Home from './components/home';
 import Navbar from './components/navbar';
 import Links from './components/links';
 import Cluster from './components/cluster';
 import FAQ from './components/faq';
 import Banner from './components/banner';
+/* import PatientDB from './components/patientdb';*/
 
 const history = require('history').createBrowserHistory;
 
 function App() {
-  // Add a new page simply by adding a new entry in this array.
   const pages = [
     {
       pageLink: '/',
       view: Home,
       displayName: 'Home',
       animationDelayForNavbar: 0.2,
     },
+    /* {
+      pageLink: '/patientsDB',
+      view: PatientDB,
+      displayName: 'Patients DB',
+      animationDelayForNavbar: 0.3,
+    },*/
     {
       pageLink: '/clusters',
       view: Cluster,
       displayName: 'Clusters',
-      animationDelayForNavbar: 0.3,
+      animationDelayForNavbar: 0.4,
     },
     {
       pageLink: '/links',
       view: Links,
       displayName: 'Helpful Links',
-      animationDelayForNavbar: 0.4,
+      animationDelayForNavbar: 0.5,
     },
     {
       pageLink: '/faq',
       view: FAQ,
       displayName: 'FAQ',
-      animationDelayForNavbar: 0.4,
+      animationDelayForNavbar: 0.6,
     },
   ];
 
@@ -71,6 +78,7 @@ function App() {
           )}
         />
       </Router>
+
       <footer className="fadeInUp" style={{animationDelay: '2s'}}>
         <img
           src="/icon.png"