From a83af19c6e19bd0cbe8f24adccfa0eee2cc52255 Mon Sep 17 00:00:00 2001
From: regalijan <r@regalijan.com>
Date: Thu, 19 Oct 2023 16:49:09 -0400
Subject: [PATCH] Display login component and actually force dropdown to right

---
 pages/mod-queue.page.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/pages/mod-queue.page.tsx b/pages/mod-queue.page.tsx
index 59edd56..15313ca 100644
--- a/pages/mod-queue.page.tsx
+++ b/pages/mod-queue.page.tsx
@@ -9,8 +9,12 @@ import {
 } from "@chakra-ui/react";
 import { lazy, useState } from "react";
 const AppealCard = lazy(() => import("../components/AppealCard"));
+import Login from "../components/Login";
 
 export function Page(pageProps: { [p: string]: any }) {
+  if (!pageProps.logged_in)
+    return <Login />;
+
   const isDesktop = useBreakpointValue({ base: false, lg: true });
   const entryTypes = [];
   const [entries, setEntries] = useState([] as JSX.Element[]);
@@ -66,10 +70,10 @@ export function Page(pageProps: { [p: string]: any }) {
   }
 
   return (
-    <Container maxW="container.xl">
+    <Container maxW="container.lg">
       <Flex>
-        <VStack>{entries}</VStack>
-        <Box display={isDesktop ? undefined : "none"} w="250px">
+        <VStack w="container.md">{entries}</VStack>
+        <Box display={isDesktop ? undefined : "none"} w="256px">
           <Select placeholder="Entry Type">
             <option value="">All</option>
             {entryTypes}