source: frontend/src/App.tsx@ 0f71490

import { createBrowserRouter, Outlet, RouterProvider } from "react-router-dom";
import AllUsers from "./components/userProfile/AllUsersHelper";
import UserDetail from "./components/userProfile/UserDetailView";
import LandingPage from "./LandingPage";
import Login from "./Login";
import Nav from "./Nav";
import Register from "./Register";

const Layout = () => {
        return (
                <div className="flex flex-col min-h-screen">
                        <Nav />
                        <main className="grow">
                                <Outlet />
                        </main>
                </div>
        );
};

const router = createBrowserRouter([
        {
                path: "",
                element: <Layout />,
                children: [
                        {
                                path: "/",
                                element: <LandingPage />,
                        },
                        {
                                path: "/login",
                                element: <Login />,
                        },
                        {
                                path: "/users",
                                element: <AllUsers />,
                        },
                        {
                                path: "/users/:userId",
                                element: <UserDetail />,
                        },
                        {
                                path: "/register",
                                element: <Register />,
                        },
                ],
        },
]);

function App() {
        return <RouterProvider router={router} />;
}

export default App;