regalijan/car-crushers-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Display login component and actually force dropdown to right

Browse Source
This commit is contained in:
regalijan 2023-10-19 16:49:09 -04:00
parent 8a27b5d5c7
commit a83af19c6e
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
pages/mod-queue.page.tsx
View File

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