Changes in frontend/src/App.tsx [24a2a2a:a3ae097]

File:

• frontend/src/App.tsx (modified) (1 diff)

frontend/src/App.tsx

@@ -1 @@
-import { createBrowserRouter, Outlet, RouterProvider } from "react-router-dom";
-import LandingPage from "./LandingPage";
-import Login from "./Login";
-import Nav from "./Nav";
-import Register from "./Register";
+import { useEffect } from "react";
+import { BrowserRouter, Routes, Route } from "react-router-dom";
+import AllUsers from "./components/userProfile/AllUsersHelper";
+import UserDetail from "./components/userProfile/UserDetailView";
 
-const Layout = () => {
-        return (
-                <div className="flex flex-col min-h-screen">
-                        <Nav />
-                        <main className="grow">
-                                <Outlet />
-                        </main>
-                </div>
-        );
-};
+function Home() {
+  useEffect(() => {
+    const fetchData = async () => {
+      const response = await fetch("http://localhost:8080/");
+      const data = await response.json();
+      console.log(data);
+    };
+    fetchData();
+  });
 
-const router = createBrowserRouter([
-        {
-                path: "",
-                element: <Layout />,
-                children: [
-                        {
-                                path: "/",
-                                element: <LandingPage />,
-                        },
-                        {
-                                path: "/login",
-                                element: <Login />,
-                        },
-                        {
-                                path: "/register",
-                                element: <Register />,
-                        },
-                ],
-        },
-]);
+  return (
+    <>
+      <p className="text-red-500">ok</p>
+    </>
+  );
+}
 
 function App() {
-        return <RouterProvider router={router} />;
+  return (
+    <BrowserRouter>
+      <Routes>
+        <Route path="/" element={<Home />} />
+        <Route path="/users" element={<AllUsers />} />
+        <Route path="/users/:userId" element={<UserDetail />} />
+      </Routes>
+    </BrowserRouter>
+  );
 }