Display hiatus status on card

components/InactivityNoticeCard.tsx

@@ -15,7 +15,9 @@ import {
 } from "@chakra-ui/react";
 import { useState } from "react";
 
-export default function (props: InactivityNoticeProps & { port?: MessagePort }) {
+export default function (
+  props: InactivityNoticeProps & { port?: MessagePort },
+) {
   const toast = useToast();
   const [loading, setLoading] = useState(false);
 
@@ -84,6 +86,12 @@ export default function (props: InactivityNoticeProps & { port?: MessagePort })
             <Heading size="xs">End Date</Heading>
             <Text>{new Date(props.end).toLocaleDateString()}</Text>
           </Box>
+          {typeof props.hiatus === "boolean" ? (
+            <Box>
+              <Heading size="xs">Notice Type</Heading>
+              <Text>{props.hiatus ? "Hiatus" : "Inactivity"}</Text>
+            </Box>
+          ) : null}
           {props.decisions ? (
             <Box>
               <Heading size="xs">Decisions</Heading>

index.d.ts

@@ -43,6 +43,7 @@ declare global {
     };
     departments: string[];
     end: string;
+    hiatus?: boolean;
     id: string;
     open: boolean;
     reason: string;