Display login component and actually force dropdown to right

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

View File

@ -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}