app
components
AppealCard.tsx
Fallback.tsx
Forbidden.tsx
FormGenerator.tsx
GameAppealCard.tsx
Login.tsx
Navigation.tsx
NewInactivityNotice.tsx
NewInfractionModal.tsx
ReportCard.tsx
Success.tsx
data
functions
public
.gitignore
.node-version
OFL.txt
emotion-server.js
index.css
index.d.ts
package-lock.json
package.json
remix.config.js
server.ts
theme.ts
tsconfig.json
44 lines
1.0 KiB
TypeScript
44 lines
1.0 KiB
TypeScript
import {
|
|
Box,
|
|
Button,
|
|
Card,
|
|
CardBody,
|
|
CardFooter,
|
|
CardHeader,
|
|
Heading,
|
|
Stack,
|
|
StackDivider,
|
|
Text,
|
|
} from "@chakra-ui/react";
|
|
|
|
export default function (props: GameAppealProps) {
|
|
return (
|
|
<Card w="100%">
|
|
<CardHeader>
|
|
<Heading size="md">Game Ban Appeal for {props.roblox_username}</Heading>
|
|
<Text fontSize="xs">ID: {props.roblox_id}</Text>
|
|
</CardHeader>
|
|
<CardBody>
|
|
<Stack divider={<StackDivider />}>
|
|
<Box>
|
|
<Heading size="xs">Response: Explanation of Ban</Heading>
|
|
<Text>{props.whatHappened}</Text>
|
|
</Box>
|
|
<Box>
|
|
<Heading size="xs">Response: Reasoning for Unban</Heading>
|
|
<Text>{props.reasonForUnban}</Text>
|
|
</Box>
|
|
</Stack>
|
|
</CardBody>
|
|
<CardFooter pb="4px">
|
|
<Box>
|
|
<Button colorScheme="red">Deny</Button>
|
|
<Button colorScheme="blue" ml="8px">
|
|
Accept
|
|
</Button>
|
|
</Box>
|
|
</CardFooter>
|
|
</Card>
|
|
);
|
|
}
|