Overview Data Changes

Author: PrinceSumberia

src/components/CovidApp.js

@@ -45,49 +45,31 @@ class CovidApp extends Component {
     const stateChanges = axios.get(
       "https://api.covid19india.org/states_daily.json"
     );
-    const response = await axios.get(
-      "https://api.rootnet.in/covid19-in/stats/history"
-    );
+    // const response = await axios.get(
+    //   "https://api.rootnet.in/covid19-in/stats/history"
+    // );
 
     axios.all([countryData, districtLevel, stateChanges]).then(
       axios.spread((...responses) => {
         const countryData = responses[0].data;
         const districtLevel = responses[1].data;
         const stateChanges = responses[2].data;
-        // console.log(districtLevel);
 
-        const [todayData] = countryData.cases_time_series.slice(-1);
+        const [todayData] = countryData.statewise.slice(0, 1);
 
         const data = countryData.statewise.slice(1, -1);
 
+        const todayActive = data.active;
+        const previousActive = countryData.cases_time_series;
+
         this.setState(
           { data: data, todayData: todayData, isLoading: false },
           this.handleFormat
         );
       })
     );
-
-    // this.setState(
-    //   (st) => ({
-    //     data: response.data.data,
-    //     isLoading: !st.isLoading,
-    //   }),
-    //   this.handleFormat
-    // );
   }
 
-  // active: "22569";
-  // confirmed: "31324";
-  // deaths: "1008";
-  // deltaconfirmed: "1866";
-  // deltadeaths: "69";
-  // deltarecovered: "610";
-  // lastupdatedtime: "29/04/2020 02:50:45";
-  // recovered: "7747";
-  // state: "Total";
-  // statecode: "TT";
-  // statenotes: "";
-
   formatData(data) {
     const formatedData = data.map((state, i) => {
       return {

src/components/Map/Map.js

@@ -21,6 +21,7 @@ const PROJECTION_CONFIG = {
 const COLOR_RANGE = [
   "#ffedea",
   "#ffcec5",
+  "#ffbec5",
   "#ffad9f",
   "#ff8a75",
   "#ff5533",

src/components/Overview.js

@@ -6,53 +6,51 @@ import styles from "../styles/OverviewStyles";
 function Overview(props) {
   const { classes, isDarkMode } = props;
   const {
-    totalconfirmed,
-    totaldeceased,
-    totalrecovered,
-    dailyrecovered,
-    dailydeceased,
-    dailyconfirmed,
+    active,
+    confirmed,
+    deaths,
+    recovered,
+    deltaconfirmed,
+    deltadeaths,
+    deltarecovered,
   } = props.data;
 
-  const active =
-    Number(totalconfirmed) - (Number(totaldeceased) + Number(totalrecovered));
-
-  const dailyactive =
-    Number(dailyconfirmed) - (Number(dailydeceased) + Number(dailyrecovered));
+  const deltaActive =
+    Number(deltaconfirmed) - (Number(deltadeaths) + Number(deltarecovered));
 
   return (
     <div className={classes.root}>
       <div className={classes.panels}>
         <div className={classes.panelContainer}>
           <DisplayPanels
             title="Confirmed"
-            number={totalconfirmed}
+            number={confirmed}
             isDarkMode={isDarkMode}
-            dataChange={dailyconfirmed}
+            dataChange={deltaconfirmed}
           />
         </div>
         <div className={classes.panelContainer}>
           <DisplayPanels
             title="Active"
             number={active}
             isDarkMode={isDarkMode}
-            dataChange={dailyactive}
+            dataChange={deltaActive}
           />
         </div>
         <div className={classes.panelContainer}>
           <DisplayPanels
             title="Recovered"
-            number={totalrecovered}
+            number={recovered}
             isDarkMode={isDarkMode}
-            dataChange={dailyrecovered}
+            dataChange={deltarecovered}
           />
         </div>
         <div className={classes.panelContainer}>
           <DisplayPanels
             title="Deceased"
-            number={totaldeceased}
+            number={deaths}
             isDarkMode={isDarkMode}
-            dataChange={dailydeceased}
+            dataChange={deltadeaths}
           />
         </div>
       </div>