From c2b8f6f054550617dd7292b313070b5530132a04 Mon Sep 17 00:00:00 2001 From: regalijan Date: Thu, 19 Oct 2023 16:50:44 -0400 Subject: [PATCH] Move useToast hook into main function component body --- app/routes/mod-queue.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/app/routes/mod-queue.tsx b/app/routes/mod-queue.tsx index d9d5a7c..2e2fce3 100644 --- a/app/routes/mod-queue.tsx +++ b/app/routes/mod-queue.tsx @@ -111,6 +111,7 @@ export default function () { const entryTypes = []; const [entries, setEntries] = useState([] as ReactElement[]); const [before, setBefore] = useState(Date.now()); + const toast = useToast(); for (const type of pageProps.entry_types) entryTypes.push( @@ -131,7 +132,7 @@ export default function () { if (!queueReq.ok) { const errorData: { error: string } = await queueReq.json(); - useToast()({ + toast({ description: errorData.error, duration: 10000, isClosable: true, @@ -157,7 +158,7 @@ export default function () { const itemReq = await fetch(`/api/mod-queue/${itemType}/${itemId}`); if (!itemReq.ok) { - useToast()({ + toast({ description: ((await itemReq.json()) as { error: string }).error, duration: 10000, isClosable: true,