Remove max width from player status card
This commit is contained in:
parent
45febd0585
commit
76cf568d9c
@ -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;
|
||||||
@ -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">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user