Finish base of infraction modal

components/NewInfractionModal.tsx

@@ -5,6 +5,7 @@ import {
   ModalBody,
   ModalCloseButton,
   ModalContent,
+  ModalFooter,
   ModalHeader,
   ModalOverlay,
   Select,
@@ -12,6 +13,17 @@ import {
 } from "@chakra-ui/react";
 
 export default function (props: { isOpen: boolean; onClose: () => void }) {
+  function reset() {
+    (
+      document.getElementById("punishment") as unknown as HTMLSelectElement
+    ).selectedIndex = -1;
+    (document.getElementById("user") as HTMLInputElement).value = "";
+    (document.getElementById("evidence") as HTMLInputElement).value = "";
+
+    props.onClose();
+  }
+  async function submit() {}
+
   return (
     <Modal isCentered isOpen={props.isOpen} onClose={props.onClose}>
       <ModalOverlay />
@@ -38,6 +50,18 @@ export default function (props: { isOpen: boolean; onClose: () => void }) {
           <Button>Select Files</Button>
           <input id="evidence" multiple type="file" />
         </ModalBody>
+        <ModalFooter>
+          <Button colorScheme="ghost" onClick={reset}>
+            Cancel
+          </Button>
+          <Button
+            colorScheme="blue"
+            ml="8px"
+            onClick={async () => await submit()}
+          >
+            Submit
+          </Button>
+        </ModalFooter>
       </ModalContent>
     </Modal>
   );