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

Remove max width from player status card

Browse Source
This commit is contained in:
Regalijan 2023-10-21 23:54:09 -04:00
parent 45febd0585
commit 76cf568d9c
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
app/routes/hammer.tsx
View File

@ -16,7 +16,7 @@ import {
Stack, Stack,
StackDivider, StackDivider,
Text, Text,
useToast, useToast
} from "@chakra-ui/react"; } from "@chakra-ui/react";
import { type FormEvent, type ReactElement, useState } from "react"; import { type FormEvent, type ReactElement, useState } from "react";
@ -25,7 +25,7 @@ export async function loader({ context }: { context: RequestContext }) {
if (!currentUser) if (!currentUser)
throw new Response(null, { throw new Response(null, {
status: 401, status: 401
}); });
if ( if (
@ -33,7 +33,7 @@ export async function loader({ context }: { context: RequestContext }) {
!(currentUser.permissions & (1 << 8)) !(currentUser.permissions & (1 << 8))
) )
throw new Response(null, { throw new Response(null, {
status: 403, status: 403
}); });
return null; return null;
@ -43,7 +43,7 @@ export function meta() {
return [{ title: "Hammer - Car Crushers" }]; return [{ title: "Hammer - Car Crushers" }];
} }
export default function () { export default function() {
const [username, setUsername] = useState(""); const [username, setUsername] = useState("");
const [uid, setUid] = useState(""); const [uid, setUid] = useState("");
const [status, setStatus] = useState(""); const [status, setStatus] = useState("");
@ -64,7 +64,7 @@ export default function () {
return toast({ return toast({
title: "Validation Error", title: "Validation Error",
description: `Username is too short`, description: `Username is too short`,
status: "error", status: "error"
}); });
} }
@ -77,13 +77,13 @@ export default function () {
description: `${ description: `${
((await historyResp.json()) as { error: string }).error ((await historyResp.json()) as { error: string }).error
}`, }`,
status: "error", status: "error"
}); });
} }
const { const {
history, history,
user, user
}: { }: {
history: { [k: string]: any }[]; history: { [k: string]: any }[];
user: { avatar: string | null; id: number; name: string }; user: { avatar: string | null; id: number; name: string };
@ -95,7 +95,7 @@ export default function () {
return toast({ return toast({
title: "Nothing Found", title: "Nothing Found",
description: "This user doesn't have any moderation history.", description: "This user doesn't have any moderation history.",
status: "info", status: "info"
}); });
} }
@ -123,7 +123,7 @@ export default function () {
<CardHeader> <CardHeader>
<Heading size="md"> <Heading size="md">
{new Date( {new Date(
parseInt(entry.entity.properties.executed_at.integerValue), parseInt(entry.entity.properties.executed_at.integerValue)
).toLocaleString()} ).toLocaleString()}
</Heading> </Heading>
</CardHeader> </CardHeader>
@ -150,7 +150,7 @@ export default function () {
</Stack> </Stack>
</CardBody> </CardBody>
</Card> </Card>
</Container>, </Container>
); );
} }
@ -190,7 +190,7 @@ export default function () {
</Button> </Button>
</HStack> </HStack>
<Center mb={3} mt={3}> <Center mb={3} mt={3}>
<Card maxW="md" visibility={visible ? "visible" : "hidden"}> <Card visibility={visible ? "visible" : "hidden"}>
<CardBody> <CardBody>
<Image mb="16" src={avatarUrl} /> <Image mb="16" src={avatarUrl} />
<Stack divider={<StackDivider />} spacing="6"> <Stack divider={<StackDivider />} spacing="6">