Merge pull request #31 from wensenfriendandextra/patch-2

Info in calendar (placeholder for now)

Author: debater-coder

src/routes/Main/Calendar/Calendar.tsx

@@ -7,34 +7,42 @@ import {
   CardBody,
   Icon,
   Flex,
+  UnorderedList,
+  ListItem,
+  Link
 } from "@chakra-ui/react";
 
 import { Calendar as CalendarIcon } from "phosphor-react";
 
-export const Calendar = () => {
-  console.log("calendar");
-  return (
-    <Flex w={"full"} h="full" direction={"column"} align="center">
-      <Card bg="transparent" shadow="xl">
-        <CardHeader>
-          <Heading size="md" display={"flex"} alignItems="center" gap={2}>
-            <Icon
-              rounded="full"
-              as={CalendarIcon}
-              bg={useToken("colors", "primary.400") + "22"}
-              boxSize={10}
-              p={2}
-              color="primary.400"
-            />
-            Calendar<Badge>Coming soon</Badge>
-          </Heading>
-        </CardHeader>
-        <CardBody>
-          Get a bird&apos;s eye view of your timetable, and see what&apos;s
-          coming. View your sport from Clipboard, see when you assignments are
-          due from Canvas and more.
-        </CardBody>
-      </Card>
-    </Flex>
-  );
-};
+export const Calendar = () => (
+<Flex w={"full"} h="full" direction={"column"} align="center">
+  <Card bg="transparent" shadow="xl">
+    <CardHeader paddingBottom="0px" paddingTop="0px" paddingRight="0px">
+      <Heading size="md" display={"flex"} alignItems="center" gap={2}>
+        <Icon
+          rounded="full"
+          as={CalendarIcon}
+          bg={useToken("colors", "primary.400") + "22"}
+          boxSize={10}
+          p={2}
+          color="primary.400"
+        />
+        Calendar <Badge>Coming soon</Badge>
+      </Heading>
+    </CardHeader>
+    <CardBody>
+      Calendar is currently in development. Please check back in a few days.
+      Currently planned features:
+      <UnorderedList>
+        <ListItem>Get a bird&apos;s eye view of your timetable</ListItem>
+        <ListItem>View your sport from Clipboard</ListItem>
+        <ListItem>See when your Canvas assignments are due</ListItem>
+      </UnorderedList>
+      If you have any suggestions, <Link
+        href="https://github.com/debater-coder/timetabl-app/issues/new?assignees=debater-coder&labels=&template=feature_request.md&title=Feature%20Request%20for%20Calendar"
+        color={"primary.500"}
+      isExternal>please make a feature request</Link>.
+    </CardBody>
+  </Card>
+</Flex>
+);