Fix various components

components/AppealCard.tsx

@@ -127,7 +127,9 @@ export default function (props: AppealCardProps & { port?: MessagePort }) {
         </Stack>
       </CardBody>
       <CardFooter pb="4px">
-        <Box display={props.open ? undefined : "none"}>
+        <Box
+          display={typeof props.approved === "number" ? "none" : "undefined"}
+        >
           <Button colorScheme="red" onClick={() => showModal("Deny")}>
             Deny
           </Button>

components/InactivityNoticeCard.tsx

@@ -94,11 +94,13 @@ export default function (
               </Text>
             </Box>
           ) : null}
-          {props.decisions ? (
+          {Object.keys(props.decisions as { [k: string]: boolean }).length ? (
             <Box>
               <Heading size="xs">Decisions</Heading>
               <UnorderedList>
-                {Object.entries(props.decisions).map(([dept, accepted]) => (
+                {Object.entries(
+                  props.decisions as { [k: string]: boolean },
+                ).map(([dept, accepted]) => (
                   <ListItem>
                     <Stack alignItems="center" direction="row">
                       <Text>{dept}:&nbsp;</Text>
@@ -111,7 +113,19 @@ export default function (
           ) : null}
         </Stack>
       </CardBody>
-      <CardFooter display={props.open ? undefined : "none"} pb="4px">
+      <CardFooter
+        display={
+          props.departments.length !==
+          Object.values(
+            props.decisions as {
+              [k: string]: boolean;
+            },
+          ).length
+            ? undefined
+            : "none"
+        }
+        pb="4px"
+      >
         <Box>
           <Button
             colorScheme="red"

index.d.ts

@@ -20,6 +20,7 @@ declare global {
   type RequestContext = EventContext<Env, string, { [k: string]: any }>;
 
   interface AppealCardProps {
+    approved: number | null;
     ban_reason: string;
     created_at: number;
     id: string;