diff --git a/app/routes/mod-queue.tsx b/app/routes/mod-queue.tsx index fe27ef2..5d22704 100644 --- a/app/routes/mod-queue.tsx +++ b/app/routes/mod-queue.tsx @@ -16,7 +16,7 @@ import { useToast, VStack, } from "@chakra-ui/react"; -import { useEffect, useState } from "react"; +import { type ReactElement, useEffect, useState } from "react"; import AppealCard from "../../components/AppealCard.js"; import GameAppealCard from "../../components/GameAppealCard.js"; import NewGameBan from "../../components/NewGameBan.js"; @@ -24,6 +24,7 @@ import NewInfractionModal from "../../components/NewInfractionModal.js"; import ReportCard from "../../components/ReportCard.js"; import { useLoaderData } from "@remix-run/react"; import NewInactivityNotice from "../../components/NewInactivityNotice.js"; +import InactivityNoticeCard from "../../components/InactivityNoticeCard.js"; export async function loader({ context }: { context: RequestContext }) { const { current_user: currentUser } = context.data; @@ -108,23 +109,23 @@ export default function () { const pageProps = useLoaderData(); const isDesktop = useBreakpointValue({ base: false, lg: true }); const entryTypes = []; - const [entries, setEntries] = useState([] as JSX.Element[]); - const [before, setBefore] = useState(0); + const [entries, setEntries] = useState([] as ReactElement[]); + const [before, setBefore] = useState(Date.now()); for (const type of pageProps.entry_types) entryTypes.push( + , ); async function updateQueue( queue_type: string, - before = Date.now(), - show_closed = false + before: number, + show_closed = false, ): Promise { const queueReq = await fetch( - `/api/mod-queue/list?before=${before}&showClosed=${show_closed}&type=${queue_type}` + `/api/mod-queue/list?before=${before}&showClosed=${show_closed}&type=${queue_type}`, ); if (!queueReq.ok) { @@ -148,7 +149,11 @@ export default function () { const entryData: { [k: string]: any }[] = await queueReq.json(); const newEntries = [...entries]; - if (itemId && itemType && ["appeal", "gma", "report"].includes(itemType)) { + if ( + itemId && + itemType && + ["appeal", "gma", "inactivity", "report"].includes(itemType) + ) { const itemReq = await fetch(`/api/mod-queue/${itemType}/${itemId}`); if (!itemReq.ok) { @@ -180,6 +185,13 @@ export default function () { break; + case "inactivity": + newEntries.push( + , + ); + + break; + case "report": newEntries.push(); @@ -206,7 +218,7 @@ export default function () { useEffect(() => { (async function () { - await updateQueue(pageProps.entry_types[0].value); + await updateQueue(pageProps.entry_types[0].value, before); })(); const searchParams = new URLSearchParams(location.search);