Add total review counts and review counts per location

backend/src/app.ts

@@ -82,6 +82,27 @@ app.get('/api/review/:status', async (req, res) => {
   res.status(200).send(JSON.stringify(reviews));
 });
 
+/**
+ * Takes in the location type in the URL and returns the number of reviews made forr that location
+ */
+app.get('/api/review/:location/count', async (req, res) => {
+  const { location } = req.params;
+  const buildingsByLocation = (await buildingsCollection.where('area', '==', location).get()).docs;
+  // get IDs for buildings and filter reviews by this
+  const buildingIds = buildingsByLocation.map((doc) => doc.id);
+  const reviewDocs = (await reviewCollection.where('status', '==', 'APPROVED').get()).docs;
+  const reviews: Review[] = reviewDocs.map((doc) => {
+    const data = doc.data();
+    const review = { ...data, date: data.date.toDate() } as ReviewInternal;
+    return { ...review, id: doc.id } as ReviewWithId;
+  });
+  // add the counts together after data is fetched
+  const approvedReviewCount = reviews.filter((review) =>
+    buildingIds.includes(review.aptId ? review.aptId : '0')
+  ).length;
+  res.status(200).send(JSON.stringify({ count: approvedReviewCount }));
+});
+
 app.get('/api/apts/:ids', async (req, res) => {
   try {
     const { ids } = req.params;

frontend/src/pages/AdminPage.tsx

@@ -13,18 +13,43 @@ const useStyles = makeStyles((theme) => ({
 const AdminPage = (): ReactElement => {
   const [pendingData, setPendingData] = useState<ReviewWithId[]>([]);
   const [declinedData, setDeclinedData] = useState<ReviewWithId[]>([]);
+  const [approvedData, setApprovedData] = useState<ReviewWithId[]>([]);
+
+  type ReviewCount = { count: number };
+  const [ctownReviewCount, setCtownReviewCount] = useState<ReviewCount>({ count: 0 });
+  const [westReviewCount, setWestReviewCount] = useState<ReviewCount>({ count: 0 });
+  const [dtownReviewCount, setDtownReviewCount] = useState<ReviewCount>({ count: 0 });
+  const [northReviewCount, setNorthReviewCount] = useState<ReviewCount>({ count: 0 });
   const [toggle, setToggle] = useState(false);
+
   const { container } = useStyles();
 
+  // calls the APIs and the callback function to set the reviews for each review type
   useEffect(() => {
-    get<ReviewWithId[]>(`/api/review/PENDING`, {
-      callback: setPendingData,
+    const reviewTypes = new Map<string, React.Dispatch<React.SetStateAction<ReviewWithId[]>>>([
+      ['PENDING', setPendingData],
+      ['DECLINED', setDeclinedData],
+      ['APPROVED', setApprovedData],
+    ]);
+    reviewTypes.forEach((cllbck, reviewType) => {
+      get<ReviewWithId[]>(`/api/review/${reviewType}`, {
+        callback: cllbck,
+      });
     });
   }, [toggle]);
 
+  // sets counts for each location
   useEffect(() => {
-    get<ReviewWithId[]>(`/api/review/DECLINED`, {
-      callback: setDeclinedData,
+    const reviewCounts = new Map<string, React.Dispatch<React.SetStateAction<ReviewCount>>>([
+      ['COLLEGETOWN', setCtownReviewCount],
+      ['DOWNTOWN', setDtownReviewCount],
+      ['WEST', setWestReviewCount],
+      ['NORTH', setNorthReviewCount],
+    ]);
+    reviewCounts.forEach((cllbck, location) => {
+      get<ReviewCount>(`/api/review/${location}/count`, {
+        callback: cllbck,
+      });
     });
   }, [toggle]);
 
@@ -42,6 +67,18 @@ const AdminPage = (): ReactElement => {
   return (
     <Container className={container}>
       <Grid container spacing={5} justifyContent="center">
+        <Grid item xs={12} sm={12}>
+          <Typography variant="h3">
+            <strong>Review Counts</strong>
+          </Typography>
+          <ul>
+            <li>Total: {approvedData.length}</li>
+            <li>Collegetown: {ctownReviewCount.count}</li>
+            <li>West: {westReviewCount.count}</li>
+            <li>Downtown: {dtownReviewCount.count}</li>
+            <li>North: {northReviewCount.count}</li>
+          </ul>
+        </Grid>
         <Grid item xs={12} sm={12}>
           <Typography variant="h3">
             <strong>Pending Reviews</strong>