regalijan/car-crushers-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Do same for other cards

Browse Source
This commit is contained in:
Regalijan 2023-10-21 00:05:55 -04:00
parent 53f5b0a3a2
commit 3fb2eb20b9
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520
3 changed files with 20 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/AppealCard.tsx
View File

@ -17,13 +17,13 @@ import {
Text, Text,
Textarea, Textarea,
useDisclosure, useDisclosure,
useToast, useToast
} from "@chakra-ui/react"; } from "@chakra-ui/react";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
export default function(props: AppealCardProps) { export default function(props: AppealCardProps) {
const [dateString, setDateString] = useState( const [dateString, setDateString] = useState(
new Date(props.created_at).toUTCString(), new Date(props.created_at).toUTCString()
); );
const [action, setAction] = useState(""); const [action, setAction] = useState("");
const [feedback, setFeedback] = useState(""); const [feedback, setFeedback] = useState("");
@ -46,9 +46,9 @@ export default function (props: AppealCardProps) {
const actionReq = await fetch(`/api/appeals/${props.id}/${action}`, { const actionReq = await fetch(`/api/appeals/${props.id}/${action}`, {
body: feedback ? JSON.stringify({ feedback }) : "{}", body: feedback ? JSON.stringify({ feedback }) : "{}",
headers: { headers: {
"content-type": "application/json", "content-type": "application/json"
}, },
method: "POST", method: "POST"
}); });
if (actionReq.ok) { if (actionReq.ok) {
@ -57,7 +57,7 @@ export default function (props: AppealCardProps) {
description: `Appeal ${action === "accept" ? "accepted" : "denied"}`, description: `Appeal ${action === "accept" ? "accepted" : "denied"}`,
duration: 5000, duration: 5000,
status: "success", status: "success",
title: "Success", title: "Success"
}); });
document.getElementById(`appeal_${props.id}`)?.remove(); document.getElementById(`appeal_${props.id}`)?.remove();
@ -74,7 +74,7 @@ export default function (props: AppealCardProps) {
description: error, description: error,
duration: 10000, duration: 10000,
status: "error", status: "error",
title: "Oops!", title: "Oops!"
}); });
} }
@ -130,7 +130,7 @@ export default function (props: AppealCardProps) {
</Stack> </Stack>
</CardBody> </CardBody>
<CardFooter pb="4px"> <CardFooter pb="4px">
<Box visibility={props.open ? "visible" : "hidden"}> <Box display={props.open ? undefined : "none"}>
<Button colorScheme="red" onClick={() => showModal("Deny")}> <Button colorScheme="red" onClick={() => showModal("Deny")}>
Deny Deny
</Button> </Button>

18
components/InactivityNoticeCard.tsx
View File

@ -11,7 +11,7 @@ import {
StackDivider, StackDivider,
Text, Text,
UnorderedList, UnorderedList,
useToast, useToast
} from "@chakra-ui/react"; } from "@chakra-ui/react";
import { useState } from "react"; import { useState } from "react";
@ -24,9 +24,9 @@ export default function (props: InactivityNoticeProps) {
const decisionReq = await fetch(`/api/inactivity/${props.id}`, { const decisionReq = await fetch(`/api/inactivity/${props.id}`, {
body: JSON.stringify({ accepted }), body: JSON.stringify({ accepted }),
headers: { headers: {
"content-type": "application/json", "content-type": "application/json"
}, },
method: "POST", method: "POST"
}); });
if (!decisionReq.ok) { if (!decisionReq.ok) {
@ -35,7 +35,7 @@ export default function (props: InactivityNoticeProps) {
description: ((await decisionReq.json()) as { error: string }).error, description: ((await decisionReq.json()) as { error: string }).error,
isClosable: true, isClosable: true,
status: "error", status: "error",
title: "Oops", title: "Oops"
}); });
return; return;
@ -45,7 +45,7 @@ export default function (props: InactivityNoticeProps) {
description: `Inactivity notice ${accepted ? "accepted" : "denied"}.`, description: `Inactivity notice ${accepted ? "accepted" : "denied"}.`,
isClosable: true, isClosable: true,
status: "success", status: "success",
title: "Success", title: "Success"
}); });
setLoading(false); setLoading(false);
@ -54,13 +54,15 @@ export default function (props: InactivityNoticeProps) {
const Approved = () => ( const Approved = () => (
<svg fill="currentColor" height="16" viewBox="0 0 16 16" width="16"> <svg fill="currentColor" height="16" viewBox="0 0 16 16" width="16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" /> <path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg> </svg>
); );
const Denied = () => ( const Denied = () => (
<svg fill="currentColor" height="16" viewBox="0 0 16 16" width="16"> <svg fill="currentColor" height="16" viewBox="0 0 16 16" width="16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z" /> <path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z" />
</svg> </svg>
); );
@ -101,7 +103,7 @@ export default function (props: InactivityNoticeProps) {
) : null} ) : null}
</Stack> </Stack>
</CardBody> </CardBody>
<CardFooter pb="4px"> <CardFooter display={props.open ? undefined : "none"} pb="4px">
<Box> <Box>
<Button <Button
colorScheme="red" colorScheme="red"

1
index.d.ts vendored
View File

@ -44,6 +44,7 @@ declare global {
departments: string[]; departments: string[];
end: string; end: string;
id: string; id: string;
open: boolean;
reason: string; reason: string;
start: string; start: string;
user: { user: {