Add option for filing hiatuses

components/NewInactivityNotice.tsx

@@ -2,6 +2,7 @@ import {
   Button,
   Checkbox,
   CheckboxGroup,
+  HStack,
   Modal,
   ModalBody,
   ModalCloseButton,
@@ -9,6 +10,8 @@ import {
   ModalFooter,
   ModalHeader,
   ModalOverlay,
+  Radio,
+  RadioGroup,
   Text,
   Textarea,
   useToast,
@@ -23,6 +26,7 @@ export default function (props: {
 }) {
   const [departments, setDepartments] = useState([] as string[]);
   const [loading, setLoading] = useState(false);
+  const [isHiatus, setIsHiatus] = useState(false);
   const toast = useToast();
 
   function reset() {
@@ -55,6 +59,7 @@ export default function (props: {
       body: JSON.stringify({
         departments,
         end,
+        hiatus: departments.includes("DM") ? isHiatus : undefined,
         reason,
         start,
       }),
@@ -122,6 +127,20 @@ export default function (props: {
                 ))}
               </VStack>
             </CheckboxGroup>
+            <RadioGroup
+              onChange={(v) => setIsHiatus(JSON.parse(v))}
+              style={{
+                display: departments.includes("DM") ? undefined : "none",
+              }}
+              value={JSON.stringify(isHiatus)}
+            >
+              <br />
+              <br />
+              <HStack>
+                <Radio value="false">Inactivity</Radio>
+                <Radio value="true">Hiatus</Radio>
+              </HStack>
+            </RadioGroup>
           </ModalBody>
           <ModalFooter>
             <Button onClick={reset}>Cancel</Button>