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]);
return (
<>
<Card w="100%">
<CardHeader>
<Heading size="md">
Appeal for {props.username}#{props.discriminator}
</Heading>
<Text fontSize="xs">ID: {props.id}</Text>
</CardHeader>
<CardBody>
<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">
<Card w="100%">
<CardHeader>
<Heading size="md">
Appeal for {props.username}#{props.discriminator}
</Heading>
<Text fontSize="xs">ID: {props.id}</Text>
</CardHeader>
<CardBody>
<Stack divider={<StackDivider />}>
<Box>
<Button colorScheme="red">Deny</Button>
<Button colorScheme="blue" ml="8px">
Accept
</Button>
<Heading size="xs">Response: Why were you banned?</Heading>
<Text>{props.ban_reason}</Text>
</Box>
</CardFooter>
<CardFooter py="4px">
<Text fontSize="xs">Submitted at: {dateString}</Text>
</CardFooter>
</Card>
</>
<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>
<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>
);
}