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

Display inactivity notice decisions in modal

Browse Source
This commit is contained in:
Regalijan 2024-10-26 03:06:06 -04:00
parent a951dfaf37
commit 9b152c7b39
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520
1 changed files with 51 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
app/routes/me.tsx
View File

@ -4,12 +4,14 @@ import {
Divider,
Heading,
Link,
ListItem,
Modal,
ModalBody,
ModalCloseButton,
ModalContent,
ModalHeader,
ModalOverlay,
Stack,
Table,
TableCaption,
TableContainer,
@ -19,6 +21,7 @@ import {
Th,
Thead,
Tr,
UnorderedList,
useDisclosure,
useToast,
} from "@chakra-ui/react";
@ -203,6 +206,53 @@ export default function () {
<Text>
<i>{new Date(data.end).toLocaleDateString()}</i>
</Text>
<br />
<Heading size="lg">Decisions</Heading>
<br />
<UnorderedList>
{data.departments.map((d: string) => {
const dept = d as "DM" | "ET" | "FM" | "WM";
return (
<ListItem>
<Stack alignItems="center" direction="row">
<Text>{d}:&nbsp;</Text>
{typeof data.decisions[dept] === "boolean" ? (
data.decisions[dept] ? (
<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" />
</svg>
) : (
<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" />
</svg>
)
) : (
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
viewBox="0 0 16 16"
>
<path d="M2.5 15a.5.5 0 1 1 0-1h1v-1a4.5 4.5 0 0 1 2.557-4.06c.29-.139.443-.377.443-.59v-.7c0-.213-.154-.451-.443-.59A4.5 4.5 0 0 1 3.5 3V2h-1a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-1v1a4.5 4.5 0 0 1-2.557 4.06c-.29.139-.443.377-.443.59v.7c0 .213.154.451.443.59A4.5 4.5 0 0 1 12.5 13v1h1a.5.5 0 0 1 0 1zm2-13v1c0 .537.12 1.045.337 1.5h6.326c.216-.455.337-.963.337-1.5V2zm3 6.35c0 .701-.478 1.236-1.011 1.492A3.5 3.5 0 0 0 4.5 13s.866-1.299 3-1.48zm1 0v3.17c2.134.181 3 1.48 3 1.48a3.5 3.5 0 0 0-1.989-3.158C8.978 9.586 8.5 9.052 8.5 8.351z" />
</svg>
)}
</Stack>
</ListItem>
);
})}
</UnorderedList>
</ModalBody>
</ModalContent>,
);
@ -359,13 +409,7 @@ export default function () {
<Tr>
<Td>{timeStates[result.created_at].data}</Td>
<Td>{result.id}</Td>
<Td>
{result.open
? "Pending"
: result.approved
? "Approved"
: "Denied"}
</Td>
<Td>Open for details</Td>
<Td>
<Button
onClick={async () =>