Oh yeah I forgot the other half

This commit is contained in:
regalijan 2023-10-19 16:50:57 -04:00
parent 48fd4981fb
commit 4a0f769514
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520
2 changed files with 32 additions and 26 deletions

View File

@ -1,4 +1,6 @@
import { import {
Alert,
AlertIcon,
Box, Box,
Button, Button,
Card, Card,
@ -173,31 +175,33 @@ export default function () {
Search Search
</Button> </Button>
</HStack> </HStack>
<Card maxW="sm" visibility={visible ? "visible" : "hidden"}> <Center mb={3} mt={3}>
<CardBody> <Card maxW="md" visibility={visible ? "visible" : "hidden"}>
<Image mb="16" src={avatarUrl} /> <CardBody>
<Stack divider={<StackDivider />} spacing="6"> <Image mb="16" src={avatarUrl} />
<Box> <Stack divider={<StackDivider />} spacing="6">
<Heading size="xs">USERNAME</Heading> <Box>
<Text pt="2" fontSize="sm"> <Heading size="xs">USERNAME</Heading>
{username} <Text pt="2" fontSize="sm">
</Text> {username}
</Box> </Text>
<Box> </Box>
<Heading size="xs">USER ID</Heading> <Box>
<Text pt="2" fontSize="sm"> <Heading size="xs">USER ID</Heading>
{uid} <Text pt="2" fontSize="sm">
</Text> {uid}
</Box> </Text>
<Box> </Box>
<Heading size="xs">MODERATION STATUS</Heading> <Box>
<Text pt="2" fontSize="sm"> <Heading size="xs">MODERATION STATUS</Heading>
{status} <Text pt="2" fontSize="sm">
</Text> {status}
</Box> </Text>
</Stack> </Box>
</CardBody> </Stack>
</Card> </CardBody>
</Card>
</Center>
{history} {history}
</Container> </Container>
); );

View File

@ -1,4 +1,4 @@
import { Container, Flex, Heading, Spacer, Text } from "@chakra-ui/react"; import { Center, Container, Flex, Heading, Spacer, Text } from "@chakra-ui/react";
export default function ({ export default function ({
heading, heading,
@ -29,10 +29,12 @@ export default function ({
</svg> </svg>
<Spacer /> <Spacer />
</Flex> </Flex>
<Center>
<br /> <br />
<Heading>{heading}</Heading> <Heading>{heading}</Heading>
<br /> <br />
<Text>{message}</Text> <Text>{message}</Text>
</Center>
</Container> </Container>
); );
} }