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}