Fix potential hook issue

This commit is contained in:
regalijan 2023-10-19 16:50:41 -04:00
parent cb5aea2832
commit d8bf398ed4
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520

View File

@ -27,6 +27,7 @@ export default function (props: AppealCardProps) {
); );
const [action, setAction] = useState(""); const [action, setAction] = useState("");
const [feedback, setFeedback] = useState(""); const [feedback, setFeedback] = useState("");
const toast = useToast();
useEffect(() => { useEffect(() => {
setDateString(new Date(props.created_at).toLocaleString()); setDateString(new Date(props.created_at).toLocaleString());
@ -49,7 +50,7 @@ export default function (props: AppealCardProps) {
}); });
if (actionReq.ok) { if (actionReq.ok) {
useToast()({ toast({
description: `Appeal ${action === "accept" ? "accepted" : "denied"}`, description: `Appeal ${action === "accept" ? "accepted" : "denied"}`,
duration: 5000, duration: 5000,
status: "success", status: "success",
@ -57,9 +58,8 @@ export default function (props: AppealCardProps) {
}); });
document.getElementById(`appeal_${props.id}`)?.remove(); document.getElementById(`appeal_${props.id}`)?.remove();
} } else {
toast({
useToast()({
description: ((await actionReq.json()) as { error: string }).error, description: ((await actionReq.json()) as { error: string }).error,
duration: 10000, duration: 10000,
status: "error", status: "error",
@ -67,6 +67,9 @@ export default function (props: AppealCardProps) {
}); });
} }
onClose();
}
return ( return (
<Card id={`appeal_${props.user.id}`} w="100%"> <Card id={`appeal_${props.user.id}`} w="100%">
<Modal isOpen={isOpen} onClose={onClose}> <Modal isOpen={isOpen} onClose={onClose}>