Merge pull request #6 from apeunit/feat/add-not-found-page

feat: adds not-found page

hooks/auth.ts

@@ -1,8 +1,8 @@
-import useSWR from "swr"
-import axios from "../lib/axios"
-import { useEffect } from "react"
 import { User } from "@/types"
+import { useEffect } from "react"
 import { useNavigate, useParams } from "react-router-dom"
+import useSWR from "swr"
+import axios from "../lib/axios"
 
 type UseAuthProps = {
   middleware?: "auth" | "guest"

views/App.tsx

@@ -10,13 +10,13 @@ import DashboardHeader from "./app/headers/DashboardHeader"
 import AppLayout from "./app/layout"
 import Login from "./auth/login/page"
 import AuthLayout from "./auth/layout"
+import NotFoundPage from "./not-found"
 
 const App = () => {
   return (
     <BrowserRouter>
       <Routes>
-
-      <Route
+        <Route
           path="/login"
           element={
             <RootLayout>
@@ -52,14 +52,22 @@ const App = () => {
           path="/dashboard"
           element={
             <RootLayout>
-              <AppLayout header={<DashboardHeader><></></DashboardHeader>} >
-                  <Dashboard />
+              <AppLayout
+                header={
+                  <DashboardHeader>
+                    <></>
+                  </DashboardHeader>
+                }
+              >
+                <Dashboard />
               </AppLayout>
             </RootLayout>
           }
         />
 
-
+        <Route path="*" element={
+          <NotFoundPage />
+        } />
         {/* </RootLayout> */}
       </Routes>
     </BrowserRouter>

views/Home.tsx

@@ -7,8 +7,7 @@ const Home = () => {
   const navigate = useNavigate()
 
   useLayoutEffect(() => {
-    console.log({ user })
-    // if (user) return navigate("/dashboard")
+    if (user) return navigate("/dashboard")
   }, [user])
 
   return null

views/not-found.tsx

@@ -1,5 +1,5 @@
 import { Heading, Link, Text } from "@radix-ui/themes";
-import AuthCard from "./(auth)/AuthCard/AuthCard";
+import AuthCard from "./auth/AuthCard/AuthCard";
 
 import styles from "./NotFound.module.css";