From 769c47c4c72674690ce5b4a455c63b6d8a3e9f31 Mon Sep 17 00:00:00 2001 From: regalijan Date: Thu, 19 Oct 2023 16:49:37 -0400 Subject: [PATCH] Actually make infraction modal trigger work --- app/routes/mod-queue.tsx | 40 ++++++++++++++++++++++++++++++++++------ 1 file changed, 34 insertions(+), 6 deletions(-) diff --git a/app/routes/mod-queue.tsx b/app/routes/mod-queue.tsx index 27ea22b..bb5d4e8 100644 --- a/app/routes/mod-queue.tsx +++ b/app/routes/mod-queue.tsx @@ -12,12 +12,14 @@ import { PopoverTrigger, Select, useBreakpointValue, + useDisclosure, useToast, VStack, } from "@chakra-ui/react"; import { useState } from "react"; import AppealCard from "../../components/AppealCard.js"; import GameAppealCard from "../../components/GameAppealCard.js"; +import NewInfractionModal from "../../components/NewInfractionModal.js"; import ReportCard from "../../components/ReportCard.js"; import { useLoaderData } from "@remix-run/react"; @@ -87,6 +89,7 @@ export function meta() { export default function () { const pageProps = useLoaderData(); + const infractionModalDisclosure = useDisclosure(); const isDesktop = useBreakpointValue({ base: false, lg: true }); const entryTypes = []; const [entries, setEntries] = useState([] as JSX.Element[]); @@ -148,8 +151,27 @@ export default function () { setBefore(entryData[entryData.length - 1].created_at); } + const itemModals: { + [k: string]: { + isOpen: boolean; + onOpen: () => void; + onClose: () => void; + [k: string]: any; + }; + } = { + game_ban: useDisclosure(), + inactivity: useDisclosure(), + infraction: infractionModalDisclosure, + }; + + console.log(); + return ( + {entries} @@ -158,13 +180,13 @@ export default function () { - +