Create more of new infraction modal

This commit is contained in:
regalijan 2023-10-19 16:49:33 -04:00
parent 1af74782f5
commit 5a5d398dd4
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520

View File

@ -1,10 +1,14 @@
import {
Button,
Input,
Modal,
ModalBody,
ModalCloseButton,
ModalContent,
ModalHeader,
ModalOverlay,
Select,
Text,
} from "@chakra-ui/react";
export default function (props: { isOpen: boolean; onClose: () => void }) {
@ -14,7 +18,26 @@ export default function (props: { isOpen: boolean; onClose: () => void }) {
<ModalContent>
<ModalHeader>New Infraction</ModalHeader>
<ModalCloseButton />
<ModalBody></ModalBody>
<ModalBody>
<Text>User ID</Text>
<Input id="user" placeholder="1234567890987654321" />
<br />
<br />
<Text>Punishment</Text>
<Select id="punishment" placeholder="Select punishment">
<option value="verbal">Verbal Warning</option>
<option value="warn">Warning</option>
<option value="mute">Mute</option>
<option value="ban_temp">Temporary Ban</option>
<option value="ban_perm">Permanent Ban</option>
<option value="ban_unappealable">Unappealable Permanent Ban</option>
</Select>
<br />
<br />
<Text>Evidence</Text>
<Button>Select Files</Button>
<input id="evidence" multiple type="file" />
</ModalBody>
</ModalContent>
</Modal>
);