Ignore:
File:
1 edited

Legend:

Unmodified
Added
Removed

  • frontend/src/App.tsx

    ra3ae097 r24a2a2a  
    1 import { useEffect } from "react";
    2 import { BrowserRouter, Routes, Route } from "react-router-dom";
    3 import AllUsers from "./components/userProfile/AllUsersHelper";
    4 import UserDetail from "./components/userProfile/UserDetailView";
     1import { createBrowserRouter, Outlet, RouterProvider } from "react-router-dom";
     2import LandingPage from "./LandingPage";
     3import Login from "./Login";
     4import Nav from "./Nav";
     5import Register from "./Register";
    56
    6 function Home() {
    7   useEffect(() => {
    8     const fetchData = async () => {
    9       const response = await fetch("http://localhost:8080/");
    10       const data = await response.json();
    11       console.log(data);
    12     };
    13     fetchData();
    14   });
     7const Layout = () => {
     8        return (
     9                <div className="flex flex-col min-h-screen">
     10                        <Nav />
     11                        <main className="grow">
     12                                <Outlet />
     13                        </main>
     14                </div>
     15        );
     16};
    1517
    16   return (
    17     <>
    18       <p className="text-red-500">ok</p>
    19     </>
    20   );
    21 }
     18const router = createBrowserRouter([
     19        {
     20                path: "",
     21                element: <Layout />,
     22                children: [
     23                        {
     24                                path: "/",
     25                                element: <LandingPage />,
     26                        },
     27                        {
     28                                path: "/login",
     29                                element: <Login />,
     30                        },
     31                        {
     32                                path: "/register",
     33                                element: <Register />,
     34                        },
     35                ],
     36        },
     37]);
    2238
    2339function App() {
    24   return (
    25     <BrowserRouter>
    26       <Routes>
    27         <Route path="/" element={<Home />} />
    28         <Route path="/users" element={<AllUsers />} />
    29         <Route path="/users/:userId" element={<UserDetail />} />
    30       </Routes>
    31     </BrowserRouter>
    32   );
     40        return <RouterProvider router={router} />;
    3341}
    3442
Note: See TracChangeset for help on using the changeset viewer.