Merge pull request #198 from fuzheng1998/404-page

Added 404 Page
kossiitkgp · Dec 3, 2023 · 9351539 · 9351539
2 parents 0ce3cda + 52f4220
commit 9351539
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -13,6 +13,7 @@ import ScrollToTop from "./util/scrollToTop";
 import PastProgramsPage from "./pages/PastProgramsPage";
 import StudentDashboard from "./pages/StudentDashboard";
 import RegistrationForm from "./pages/RegistrationForm";
+import NotFoundPage from "./pages/404";
 
 function App() {
   return (
@@ -58,6 +59,7 @@ function App() {
                 path={ROUTER_PATHS.PASTPROGRAMS}
                 element={<PastProgramsPage />}
               />
+              <Route path="*" element={<NotFoundPage />} />
             </Routes>
           </AuthProvider>
         </ScrollToTop>

diff --git a/src/pages/404.tsx b/src/pages/404.tsx
@@ -0,0 +1,16 @@
+import React from 'react';
+
+const NotFoundPage: React.FC = () => {
+  return (
+    <div className="flex flex-col items-center pt-28">
+        <h1 className=" font-display text-5xl md:text-7xl font-bold text-center">
+            404
+        </h1>
+        <h2 className=" font-display text-2xl md:text-4xl font-bold text-center">
+            Page Not Found
+        </h2>
+    </div>
+  );
+};
+
+export default NotFoundPage;