Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Create new game ban modal
  • Loading branch information
regalijan committed Oct 19, 2023
1 parent 4687540 commit 7174f08
Showing 1 changed file with 46 additions and 0 deletions.
46 changes: 46 additions & 0 deletions components/NewGameBan.tsx
@@ -0,0 +1,46 @@
import {
Button,
Input,
Modal,
ModalBody,
ModalCloseButton,
ModalContent,
ModalFooter,
ModalHeader,
ModalOverlay,
Radio,
RadioGroup,
Text,
} from "@chakra-ui/react";

export default function (props: { isOpen: boolean; onClose: () => void }) {
function reset() {
(document.getElementById("username") as HTMLInputElement).value = "";
(document.getElementById("evidence") as HTMLInputElement).value = "";

props.onClose();
}

return (
<Modal isCentered isOpen={props.isOpen} onClose={props.onClose}>
<ModalOverlay />
<ModalContent>
<ModalHeader>New Game Ban</ModalHeader>
<ModalCloseButton />
<ModalBody>
<Text>Username(s)</Text>
<Input id="username" placeholder="builderman" />
<br />
<br />
<input id="evidence" type="file" />
</ModalBody>
</ModalContent>
<ModalFooter>
<Button onClick={reset}>Cancel</Button>
<Button colorScheme="blue" ml="8px">
Submit
</Button>
</ModalFooter>
</Modal>
);
}

0 comments on commit 7174f08

Please sign in to comment.