diff --git a/app/routes/mod-queue.tsx b/app/routes/mod-queue.tsx
index 9045f0c..0e75009 100644
--- a/app/routes/mod-queue.tsx
+++ b/app/routes/mod-queue.tsx
@@ -9,6 +9,7 @@ import {
} from "@chakra-ui/react";
import { useState } from "react";
import AppealCard from "../../components/AppealCard.js";
+import GameAppealCard from "../../components/GameAppealCard.js";
import ReportCard from "../../components/ReportCard.js";
import { useLoaderData } from "@remix-run/react";
@@ -119,8 +120,15 @@ export default function () {
break;
+ case "gma":
+ newEntries.push();
+
+ break;
+
case "report":
newEntries.push();
+
+ break;
}
}
diff --git a/components/GameAppealCard.tsx b/components/GameAppealCard.tsx
new file mode 100644
index 0000000..f47665d
--- /dev/null
+++ b/components/GameAppealCard.tsx
@@ -0,0 +1,43 @@
+import {
+ Box,
+ Button,
+ Card,
+ CardBody,
+ CardFooter,
+ CardHeader,
+ Heading,
+ Stack,
+ StackDivider,
+ Text,
+} from "@chakra-ui/react";
+
+export default function (props: GameAppealProps) {
+ return (
+
+
+ Game Ban Appeal for {props.roblox_username}
+ ID: {props.roblox_id}
+
+
+ }>
+
+ Response: Explanation of Ban
+ {props.whatHappened}
+
+
+ Response: Reasoning for Unban
+ {props.reasonForUnban}
+
+
+
+
+
+
+
+
+
+
+ );
+}