Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Create inactivity notice card
  • Loading branch information
regalijan committed Oct 19, 2023
1 parent 13965b5 commit df47920
Showing 1 changed file with 47 additions and 0 deletions.
47 changes: 47 additions & 0 deletions components/InactivityNoticeCard.tsx
@@ -0,0 +1,47 @@
import {
Box,
Button,
Card,
CardBody,
CardFooter,
CardHeader,
Heading,
Stack,
StackDivider,
Text,
} from "@chakra-ui/react";

export default function (props: InactivityNoticeProps) {
return (
<Card w="100%">
<CardHeader>
<Heading size="md">Inactivity Notice for {props.user.username}</Heading>
<Text fontSize="xs">ID: {props.user.id}</Text>
</CardHeader>
<CardBody>
<Stack divider={<StackDivider />}>
<Box>
<Heading size="xs">Reason for Inactivity</Heading>
<Text>{props.reason}</Text>
</Box>
<Box>
<Heading size="xs">Start Date</Heading>
<Text>{new Date(props.start).toLocaleDateString()}</Text>
</Box>
<Box>
<Heading size="xs">End Date</Heading>
<Text>{new Date(props.end).toLocaleDateString()}</Text>
</Box>
</Stack>
</CardBody>
<CardFooter pb="4px">
<Box>
<Button colorScheme="red">Deny</Button>
<Button colorScheme="blue" ml="8px">
Accept
</Button>
</Box>
</CardFooter>
</Card>
);
}

0 comments on commit df47920

Please sign in to comment.