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

Make appeal card not a fragment

Browse Source
This commit is contained in:
regalijan 2023-10-19 16:49:25 -04:00
parent b6f073083e
commit 2cd2e76a80
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520
1 changed files with 35 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
components/AppealCard.tsx
View File

@ -22,44 +22,42 @@ export default function (props: AppealCardProps) {
}, [props.createdAt]); }, [props.createdAt]);
return ( return (
<> <Card w="100%">
<Card w="100%"> <CardHeader>
<CardHeader> <Heading size="md">
<Heading size="md"> Appeal for {props.username}#{props.discriminator}
Appeal for {props.username}#{props.discriminator} </Heading>
</Heading> <Text fontSize="xs">ID: {props.id}</Text>
<Text fontSize="xs">ID: {props.id}</Text> </CardHeader>
</CardHeader> <CardBody>
<CardBody> <Stack divider={<StackDivider />}>
<Stack divider={<StackDivider />}>
<Box>
<Heading size="xs">Response: Why were you banned?</Heading>
<Text>{props.ban_reason}</Text>
</Box>
<Box>
<Heading size="xs">Response: Why should we unban you?</Heading>
<Text>{props.reason_for_unban}</Text>
</Box>
<Box>
<Heading size="xs">
Response: What have you learned from your mistake?
</Heading>
<Text>{props.learned}</Text>
</Box>
</Stack>
</CardBody>
<CardFooter pb="4px">
<Box> <Box>
<Button colorScheme="red">Deny</Button> <Heading size="xs">Response: Why were you banned?</Heading>
<Button colorScheme="blue" ml="8px"> <Text>{props.ban_reason}</Text>
Accept
</Button>
</Box> </Box>
</CardFooter> <Box>
<CardFooter py="4px"> <Heading size="xs">Response: Why should we unban you?</Heading>
<Text fontSize="xs">Submitted at: {dateString}</Text> <Text>{props.reason_for_unban}</Text>
</CardFooter> </Box>
</Card> <Box>
</> <Heading size="xs">
Response: What have you learned from your mistake?
</Heading>
<Text>{props.learned}</Text>
</Box>
</Stack>
</CardBody>
<CardFooter pb="4px">
<Box>
<Button colorScheme="red">Deny</Button>
<Button colorScheme="blue" ml="8px">
Accept
</Button>
</Box>
</CardFooter>
<CardFooter py="4px">
<Text fontSize="xs">Submitted at: {dateString}</Text>
</CardFooter>
</Card>
); );
} }