From 2cd2e76a8014d2eda0448e60518fa0f9aa0a3497 Mon Sep 17 00:00:00 2001
From: regalijan <r@regalijan.com>
Date: Thu, 19 Oct 2023 16:49:25 -0400
Subject: [PATCH] Make appeal card not a fragment

---
 components/AppealCard.tsx | 72 +++++++++++++++++++--------------------
 1 file changed, 35 insertions(+), 37 deletions(-)

diff --git a/components/AppealCard.tsx b/components/AppealCard.tsx
index efd0f50..fefe64d 100644
--- a/components/AppealCard.tsx
+++ b/components/AppealCard.tsx
@@ -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>
   );
 }