Merge pull request #57 from debater-coder/37-add-publications-to-timetabl

feat: publications

Author: debater-coder

package.json

@@ -1,6 +1,6 @@
 {
   "name": "timetabl-app",
-  "version": "1.2.1-beta",
+  "version": "1.3.0-beta",
   "description": "",
   "main": "index.js",
   "scripts": {

src/components/Nav/Nav.tsx

@@ -12,7 +12,6 @@ import {
 import { FaGithub, FaMoon, FaSun, MdLogout, MdSettings } from "react-icons/all";
 import { Link as RouterLink, useLocation } from "react-router-dom";
 import { useAuth } from "../../hooks/useAuth";
-import "@fontsource/poppins";
 import RefetchingIndicator from "../RefetchingIndicator";
 import { NavButton } from "../NavButton";
 import React, { useState } from "react";

src/main.tsx

@@ -20,6 +20,7 @@ import { UnauthorizedError } from "./errors/UnauthorisedError";
 import NetworkError from "./errors/NetworkError";
 import { ErrorBoundary } from "./components/ErrorBoundary";
 import { toast, ToastContainer } from "./toast";
+import "@fontsource/poppins";
 
 // Redirect to new domain if using old domain
 if (window.location.host === "timetabl.vercel.app") {

src/routes.tsx

@@ -15,6 +15,7 @@ import Barcodes from "./routes/Main/Barcodes";
 import { Calendar } from "./routes/Main/Calendar";
 import { Feedback } from "./routes/Main/Feedback";
 import Home from "./routes/Main/Home";
+import { Publications } from "./routes/Publications";
 
 const ComingSoon = () => <>Coming soon...</>;
 
@@ -83,7 +84,7 @@ export const routes: { pinned: TimetablRoute[]; unpinned: TimetablRoute[] } = {
       name: "Publications",
       icon: BookBookmark,
       mirrored: false,
-      element: <ComingSoon />,
+      element: <Publications />,
     },
     {
       path: "feedback",

src/routes/Landing/Features.tsx

@@ -9,7 +9,6 @@ import {
   Badge,
 } from "@chakra-ui/react";
 import { House, Barcode, Megaphone, Calendar, Check } from "phosphor-react";
-import "@fontsource/poppins";
 
 export const Features = () => (
   <SimpleGrid minChildWidth="270px" spacing="40px">
@@ -86,8 +85,8 @@ export const Features = () => (
       </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 your assignments are due
-        from Canvas and more.
+        coming. View your sport from Clipboard, see when your assignments are
+        due from Canvas and more.
       </CardBody>
     </Card>
     <Card bg="transparent" shadow="xl">

src/routes/Landing/Landing.tsx

@@ -11,11 +11,9 @@ import {
 import { useEffect } from "react";
 import { useAuth } from "../../hooks/useAuth";
 import { useNavigate } from "react-router-dom";
-import "@fontsource/poppins";
 import { Hero } from "./Hero";
 import { Features } from "./Features";
 import { Footer } from "./Footer";
-import "@fontsource/poppins";
 
 export default () => {
   const navigate = useNavigate();

src/routes/Main/Announcements/Announcements.tsx

@@ -23,7 +23,6 @@ import {
   FormControl,
 } from "@chakra-ui/react";
 import QueriesHandler from "../../../components/QueriesHandler";
-import "@fontsource/poppins";
 import { Prose } from "@nikolovlazar/chakra-ui-prose";
 import DOMPurify from "dompurify";
 import linkifyHtml from "linkify-html";

src/routes/Main/Barcodes/Barcodes.tsx

@@ -5,7 +5,6 @@ import {
   Heading,
   useColorModeValue,
 } from "@chakra-ui/react";
-import "@fontsource/poppins";
 import { useState } from "react";
 import { get, update } from "idb-keyval";
 import { Barcode as BarcodeIcon } from "phosphor-react";

src/routes/Main/Feedback/Feedback.tsx

@@ -18,7 +18,7 @@ export const Feedback = () => {
       as="form"
       onSubmit={handleSubmit}
       w="full"
-      pr={8}
+      p={8}
       maxW="2xl"
       direction={"column"}
       gap={4}

src/routes/Main/Home/Home.tsx

@@ -7,7 +7,6 @@ import {
   useColorModeValue,
   useToken,
 } from "@chakra-ui/react";
-import "@fontsource/poppins";
 import { motion, LayoutGroup, AnimatePresence } from "framer-motion";
 import QueriesHandler from "../../../components/QueriesHandler";
 import { useState } from "react";