From 6db9b81df99539fe76713517c4be973852c2e84e Mon Sep 17 00:00:00 2001
From: Dang Nguyen Nguyen <ndnguyen2003@gmail.com>
Date: Sun, 24 Sep 2023 19:08:28 -0700
Subject: [PATCH] delete admin

---
 src/components/InfoModal/InfoModal.jsx | 47 ++++++++++++++++++++++----
 1 file changed, 40 insertions(+), 7 deletions(-)

diff --git a/src/components/InfoModal/InfoModal.jsx b/src/components/InfoModal/InfoModal.jsx
index fa9a0f2..57da1bb 100644
--- a/src/components/InfoModal/InfoModal.jsx
+++ b/src/components/InfoModal/InfoModal.jsx
@@ -18,6 +18,7 @@ import DataContext from "../../context/DataContext";
 import ImageContainer from "../ImageContainer/ImageContainer";
 import FeedbackModal from "../FeedbackModal/FeedbackModal";
 import { LinkIcon, CheckIcon, EmailIcon } from "@chakra-ui/icons";
+import axios from "axios";
 
 export default function InfoModal({
   setData,
@@ -28,22 +29,39 @@ export default function InfoModal({
 }) {
   const [showEmail, setShowEmail] = useState(false);
   const [isShared, setIsShared] = useState(false);
-  const { onLoginModalOpen } = useContext(DataContext);
+  const { onLoginModalOpen, token, setLoading } = useContext(DataContext);
   const { user } = UserAuth();
   const navigate = useNavigate();
   const feedbackModalDisclosure = useDisclosure();
   const currentEmail = user?.email;
 
-  // function viewEmail() {
-  //   if (user) {
-  //     setShowEmail(true);
-  //   }
-  // }
-
   async function handleResolve() {
     feedbackModalDisclosure.onOpen();
   }
 
+  async function handleDelete() {
+    onClose();
+    setLoading(false);
+    if (!currentEmail) {
+      return;
+    }
+    axios
+      .delete(`${process.env.REACT_APP_AWS_BACKEND_URL}/items/${props.id}`, {
+        headers: {
+          Authorization: `Bearer ${token}`, // verify auth
+        },
+      })
+      .then(() => console.log("Success"))
+      .catch((err) => console.log(err));
+    setData((prevItems) => {
+      if (prevItems && prevItems.length > 0) {
+        return prevItems.filter((item) => item.id !== props.id);
+      }
+      return prevItems;
+    });
+    setLoading(true);
+  }
+
   const formattedDate = formatDate(new Date(props.date));
   return (
     <>
@@ -170,6 +188,21 @@ export default function InfoModal({
                     <CheckIcon /> Resolve
                   </Button>
                 )}
+
+                {[
+                  "dangnn1@uci.edu",
+                  "stevenz9@uci.edu",
+                  "katyh1@uci.edu",
+                ].includes(currentEmail) && (
+                  <Button
+                    colorScheme="red"
+                    size={"lg"}
+                    gap={2}
+                    onClick={handleDelete}
+                  >
+                    <CheckIcon /> Delete
+                  </Button>
+                )}
                 <Button
                   colorScheme="blue"
                   size={"lg"}