cached old count and make page fast
This commit is contained in:
25
src/App.js
25
src/App.js
@@ -2,11 +2,17 @@ import './App.css';
|
|||||||
import React, { useEffect, useState } from 'react';
|
import React, { useEffect, useState } from 'react';
|
||||||
import moment from 'moment';
|
import moment from 'moment';
|
||||||
|
|
||||||
import { collection, onSnapshot, query } from "firebase/firestore";
|
import { collection, onSnapshot, query, where } from "firebase/firestore";
|
||||||
import Card from './components/Card';
|
import Card from './components/Card';
|
||||||
import db from './firebase';
|
import db from './firebase';
|
||||||
|
|
||||||
function App() {
|
function App() {
|
||||||
|
const registrationCached = 16329;
|
||||||
|
const malesCached = 6741;
|
||||||
|
const femalesCached = 9179;
|
||||||
|
const normalCached = 7153;
|
||||||
|
const traitsCached = 2312;
|
||||||
|
const diseasesCached = 365;
|
||||||
const [totalScreened, setTotalScreened] = useState(0);
|
const [totalScreened, setTotalScreened] = useState(0);
|
||||||
const [males, setMales] = useState(0);
|
const [males, setMales] = useState(0);
|
||||||
const [females, setFemales] = useState(0);
|
const [females, setFemales] = useState(0);
|
||||||
@@ -19,7 +25,8 @@ function App() {
|
|||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|
||||||
const q = query(collection(db, "patientData"));
|
// const q = query(collection(db, "patientData")); // cached
|
||||||
|
const q = query(collection(db, "patientData"), where("testTime", ">=", moment().format("YYYY-MM-DD")));
|
||||||
|
|
||||||
const unsub = onSnapshot(q, (querySnapshot) => {
|
const unsub = onSnapshot(q, (querySnapshot) => {
|
||||||
const patients = [];
|
const patients = [];
|
||||||
@@ -36,9 +43,9 @@ function App() {
|
|||||||
femaleCount++;
|
femaleCount++;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
setTotalScreened(patients.length);
|
setTotalScreened(registrationCached + patients?.length);
|
||||||
setMales(maleCount);
|
setMales(malesCached + maleCount);
|
||||||
setFemales(femaleCount);
|
setFemales(femalesCached + femaleCount);
|
||||||
setLastUpdate(moment());
|
setLastUpdate(moment());
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -46,7 +53,7 @@ function App() {
|
|||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const q = query(collection(db, "testData"));
|
const q = query(collection(db, "testData"), where("testTime", ">=", moment().format("YYYY-MM-DD")));
|
||||||
|
|
||||||
const unsub = onSnapshot(q, (querySnapshot) => {
|
const unsub = onSnapshot(q, (querySnapshot) => {
|
||||||
const hposTests = [];
|
const hposTests = [];
|
||||||
@@ -68,10 +75,10 @@ function App() {
|
|||||||
diseaseCount++;
|
diseaseCount++;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
setNormal(normalCount);
|
setNormal(normalCached + normalCount);
|
||||||
// setPositives(traitCount + diseaseCount);
|
// setPositives(traitCount + diseaseCount);
|
||||||
setTraits(traitCount);
|
setTraits(traitsCached + traitCount);
|
||||||
setDiseases(diseaseCount);
|
setDiseases(diseasesCached + diseaseCount);
|
||||||
setLastUpdate(moment());
|
setLastUpdate(moment());
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user