Update Calendar.tsx

Author: cedar-debater

src/routes/Main/Calendar/Calendar.tsx

@@ -12,39 +12,36 @@ import {
   Link
 } from "@chakra-ui/react";
 
-import { Calendar as CalendarIcon } from "phosphor-react";
+import Calendar from "phosphor-react";
 
-export const 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>
-          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"}
+export const Calendar = () => (
+  <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={Calendar}
+            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>
-  );
-};
+      </CardBody>
+    </Card>
+  </Flex>
+);