Display hiatus status on card

regalijan · Nov 4, 2023 · 908c8b7 · 908c8b7
1 parent 4ddf797
commit 908c8b7
Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/components/InactivityNoticeCard.tsx b/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>

diff --git a/index.d.ts b/index.d.ts
@@ -43,6 +43,7 @@ declare global {
     };
     departments: string[];
     end: string;
+    hiatus?: boolean;
     id: string;
     open: boolean;
     reason: string;