diff --git a/components/AppealCard.tsx b/components/AppealCard.tsx index bc6ca2d..f13a002 100644 --- a/components/AppealCard.tsx +++ b/components/AppealCard.tsx @@ -17,13 +17,13 @@ import { Text, Textarea, useDisclosure, - useToast + useToast, } from "@chakra-ui/react"; import { useEffect, useState } from "react"; -export default function(props: AppealCardProps & { port?: MessagePort }) { +export default function (props: AppealCardProps & { port?: MessagePort }) { const [dateString, setDateString] = useState( - new Date(props.created_at).toUTCString() + new Date(props.created_at).toUTCString(), ); const [action, setAction] = useState(""); const [feedback, setFeedback] = useState(""); @@ -46,9 +46,9 @@ export default function(props: AppealCardProps & { port?: MessagePort }) { const actionReq = await fetch(`/api/appeals/${props.id}/${action}`, { body: feedback ? JSON.stringify({ feedback }) : "{}", headers: { - "content-type": "application/json" + "content-type": "application/json", }, - method: "POST" + method: "POST", }); if (actionReq.ok) { @@ -57,10 +57,8 @@ export default function(props: AppealCardProps & { port?: MessagePort }) { description: `Appeal ${action === "accept" ? "accepted" : "denied"}`, duration: 5000, status: "success", - title: "Success" + title: "Success", }); - - document.getElementById(`appeal_${props.id}`)?.remove(); } else { let error; @@ -74,7 +72,7 @@ export default function(props: AppealCardProps & { port?: MessagePort }) { description: error, duration: 10000, status: "error", - title: "Oops!" + title: "Oops!", }); }