From 87863636010ce9bc65bc8c7acd875e1e78888ebf Mon Sep 17 00:00:00 2001
From: regalijan <r@regalijan.com>
Date: Thu, 19 Oct 2023 16:51:00 -0400
Subject: [PATCH] First attempt at mobile selection box for mod queue

---
 app/routes/mod-queue.tsx | 37 ++++++++++++++++++++++---------------
 1 file changed, 22 insertions(+), 15 deletions(-)

diff --git a/app/routes/mod-queue.tsx b/app/routes/mod-queue.tsx
index 97e04d1..f90a27e 100644
--- a/app/routes/mod-queue.tsx
+++ b/app/routes/mod-queue.tsx
@@ -264,6 +264,24 @@ export default function () {
     itemModals[modal].onOpen();
   }, []);
 
+  const ItemDisplay = (
+    <Select
+      onChange={async (v) => {
+        setEntries([]);
+        setBefore(Date.now());
+
+        const { target } = v;
+
+        await updateQueue(
+          target.options[target.selectedIndex].value,
+          Date.now(),
+        );
+      }}
+    >
+      {entryTypes}
+    </Select>
+  );
+
   return (
     <Container maxW="container.lg">
       <NewGameBan
@@ -281,24 +299,13 @@ export default function () {
       />
       <Flex>
         <VStack w={isDesktop ? "container.md" : "container.lg"}>
+          <Box display={isDesktop ? "none" : undefined} mb="16px">
+            {ItemDisplay}
+          </Box>
           {entries}
         </VStack>
         <Box display={isDesktop ? undefined : "none"} ml="16px" w="248px">
-          <Select
-            onChange={async (v) => {
-              setEntries([]);
-              setBefore(Date.now());
-
-              const { target } = v;
-
-              await updateQueue(
-                target.options[target.selectedIndex].value,
-                Date.now(),
-              );
-            }}
-          >
-            {entryTypes}
-          </Select>
+          {ItemDisplay}
         </Box>
       </Flex>
       <Popover placement="top-end">