From 8b18454af9987826b0604d9bd1be9735973e2401 Mon Sep 17 00:00:00 2001
From: regalijan <r@regalijan.com>
Date: Thu, 19 Oct 2023 16:49:32 -0400
Subject: [PATCH] Add before param to update queue

---
 app/routes/mod-queue.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/routes/mod-queue.tsx b/app/routes/mod-queue.tsx
index a38541a..75d9778 100644
--- a/app/routes/mod-queue.tsx
+++ b/app/routes/mod-queue.tsx
@@ -81,6 +81,7 @@ export default function () {
   const isDesktop = useBreakpointValue({ base: false, lg: true });
   const entryTypes = [];
   const [entries, setEntries] = useState([] as JSX.Element[]);
+  const [before, setBefore] = useState(0);
 
   for (const type of pageProps.entry_types)
     entryTypes.push(
@@ -91,10 +92,11 @@ export default function () {
 
   async function updateQueue(
     queue_type: string,
-    show_closed: boolean = false
+    before = 0,
+    show_closed = false
   ): Promise<void> {
     const queueReq = await fetch(
-      `/api/mod-queue/list?type=${queue_type}&showClosed=${show_closed}`
+      `/api/mod-queue/list?before=${before}&showClosed=${show_closed}&type=${queue_type}`
     );
 
     if (!queueReq.ok) {
@@ -112,7 +114,7 @@ export default function () {
     }
 
     const entryData: { [k: string]: any }[] = await queueReq.json();
-    const newEntries = [];
+    const newEntries = [...entries];
 
     for (const entry of entryData) {
       switch (queue_type) {
@@ -134,6 +136,7 @@ export default function () {
     }
 
     setEntries(newEntries);
+    setBefore(entryData[entryData.length - 1].created_at);
   }
 
   return (