Partial Bugfix #1013 : Missing state management

src/components/mapexplorer.js

@@ -256,6 +256,8 @@ function MapExplorer({
   onMapHighlightChange,
 }) {
   const [selectedRegion, setSelectedRegion] = useState({});
+  const [total, setTotal] = useState({});
+  const reducer = (accumulator, currentValue) => (accumulator += currentValue);
   const [panelRegion, setPanelRegion] = useState(getRegionFromState(states[0]));
   const [currentHoveredRegion, setCurrentHoveredRegion] = useState(
     getRegionFromState(states[0])
@@ -380,13 +382,34 @@ function MapExplorer({
 
   const {name, lastupdatedtime} = currentHoveredRegion;
 
+  function getCurrentDate() {
+    const date = new Date();
+    const getMonth = String(date.getMonth() + 1);
+
+    const dateComp =
+      date.getDate() +
+      '/' +
+      getMonth.padStart(2, '0') +
+      '/' +
+      date.getFullYear();
+    return dateComp;
+  }
+
   useEffect(() => {
+    const testDataFind = stateTestData.filter(
+      (obj) => obj.totaltested !== '' && obj.updatedon === getCurrentDate()
+    );
+
+    const totalTMap = testDataFind.map((value) => value.totaltested);
+    setTotal(totalTMap.map(Number).reduce(reducer));
+
     setTestObj(
       stateTestData.find(
         (obj) => obj.state === panelRegion.name && obj.totaltested !== ''
       )
     );
-  }, [panelRegion, stateTestData, testObj]);
+    console.log('Total Indians Tested:', total);
+  }, [panelRegion, stateTestData, testObj, total]);
 
   return (
     <div
@@ -453,6 +476,7 @@ function MapExplorer({
             <h5>{window.innerWidth <= 769 ? 'Tested' : 'Tested'}</h5>
             <div className="stats-bottom">
               <h1>{formatNumber(testObj?.totaltested)}</h1>
+              {/* <h1>{formatNumber(total)}</h1> */}
             </div>
             <h6 className="timestamp">
               {!isNaN(new Date(testObj?.updatedon))