From 0f21d2afff875089616d008e2493acf28891af98 Mon Sep 17 00:00:00 2001
From: Ankit Lakkapragada <ankit.lakkapragada@gmail.com>
Date: Sun, 24 Sep 2023 16:19:35 -0400
Subject: [PATCH] Implement Delete Button to Admin Page

---
 backend/src/app.ts                            |  2 +-
 frontend/src/components/Admin/AdminReview.tsx | 14 +++++++++++++-
 frontend/src/pages/AdminPage.tsx              | 12 ++++++++++--
 yarn.lock                                     |  6 +++---
 4 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/backend/src/app.ts b/backend/src/app.ts
index a7a3613a..51ba7aba 100644
--- a/backend/src/app.ts
+++ b/backend/src/app.ts
@@ -300,7 +300,7 @@ app.post('/api/remove-like', authenticate, likeHandler(true));
 
 app.put('/api/update-review-status/:reviewDocId/:newStatus', async (req, res) => {
   const { reviewDocId, newStatus } = req.params;
-  const statusList = ['PENDING', 'APPROVED', 'DECLINED'];
+  const statusList = ['PENDING', 'APPROVED', 'DECLINED', 'DELETED'];
   try {
     if (!statusList.includes(newStatus)) {
       res.status(400).send('Invalid status type');
diff --git a/frontend/src/components/Admin/AdminReview.tsx b/frontend/src/components/Admin/AdminReview.tsx
index f48b046b..e530870c 100644
--- a/frontend/src/components/Admin/AdminReview.tsx
+++ b/frontend/src/components/Admin/AdminReview.tsx
@@ -28,6 +28,7 @@ import axios from 'axios';
 type Props = {
   readonly review: ReviewWithId;
   readonly setToggle: React.Dispatch<React.SetStateAction<boolean>>;
+  readonly declinedSection: boolean;
 };
 
 export type RatingInfo = {
@@ -61,7 +62,7 @@ const useStyles = makeStyles(() => ({
   },
 }));
 
-const AdminReviewComponent = ({ review, setToggle }: Props): ReactElement => {
+const AdminReviewComponent = ({ review, setToggle, declinedSection }: Props): ReactElement => {
   const { detailedRatings, overallRating, date, reviewText, photos } = review;
   const formattedDate = format(new Date(date), 'MMM dd, yyyy').toUpperCase();
   const { root, dateText, ratingInfo, photoStyle, photoRowStyle } = useStyles();
@@ -169,6 +170,17 @@ const AdminReviewComponent = ({ review, setToggle }: Props): ReactElement => {
 
       <CardActions>
         <Grid container spacing={2} alignItems="center" justifyContent="flex-end">
+          {declinedSection && (
+            <Grid item>
+              <Button
+                onClick={() => changeStatus('DELETED')}
+                variant="contained"
+                style={{ color: colors.black }}
+              >
+                <strong>Delete</strong>
+              </Button>
+            </Grid>
+          )}
           <Grid item>
             <Button
               onClick={() => changeStatus('DECLINED')}
diff --git a/frontend/src/pages/AdminPage.tsx b/frontend/src/pages/AdminPage.tsx
index bf4d1c96..40a29779 100644
--- a/frontend/src/pages/AdminPage.tsx
+++ b/frontend/src/pages/AdminPage.tsx
@@ -49,7 +49,11 @@ const AdminPage = (): ReactElement => {
           <Grid container item spacing={3}>
             {sortReviews(pendingData, 'date').map((review, index) => (
               <Grid item xs={12} key={index}>
-                <AdminReviewComponent review={review} setToggle={setToggle} />
+                <AdminReviewComponent
+                  review={review}
+                  setToggle={setToggle}
+                  declinedSection={false}
+                />
               </Grid>
             ))}
           </Grid>
@@ -62,7 +66,11 @@ const AdminPage = (): ReactElement => {
           <Grid container item spacing={3}>
             {sortReviews(declinedData, 'date').map((review, index) => (
               <Grid item xs={12} key={index}>
-                <AdminReviewComponent review={review} setToggle={setToggle} />
+                <AdminReviewComponent
+                  review={review}
+                  setToggle={setToggle}
+                  declinedSection={true}
+                />
               </Grid>
             ))}
           </Grid>
diff --git a/yarn.lock b/yarn.lock
index 628f41e8..501f38b1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4116,9 +4116,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001125, caniuse-lite@^1.0.30001286:
-  version "1.0.30001431"
-  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001431.tgz"
-  integrity sha512-zBUoFU0ZcxpvSt9IU66dXVT/3ctO1cy4y9cscs1szkPlcWb6pasYM144GqrUygUbT+k7cmUCW61cvskjcv0enQ==
+  version "1.0.30001525"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001525.tgz"
+  integrity sha512-/3z+wB4icFt3r0USMwxujAqRvaD/B7rvGTsKhbhSQErVrJvkZCLhgNLJxU8MevahQVH6hCU9FsHdNUFbiwmE7Q==
 
 capture-exit@^2.0.0:
   version "2.0.0"