Changeset 0c86e77 for frontend/src/App.tsx

Timestamp:

01/26/26 15:21:02 (6 months ago)

Author:

Filip Gavrilovski <filipgavrilovski28@…>

Branches:

main

Children:

24a2a2a

Parents:

5c65932

Message:

add axios, auth context, simple working register form on frontend

File:

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

frontend/src/App.tsx

@@ -1 @@
-import { useEffect } from "react";
+import { createBrowserRouter, Outlet, RouterProvider } from "react-router-dom";
+import LandingPage from "./LandingPage";
+import Login from "./Login";
+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: "/register",
+                                element: <Register />,
+                        },
+                ],
+        },
+]);
 
 function App() {
-        useEffect(() => {
-                const fetchData = async () => {
-                        const response = await fetch("http://localhost:8080/");
-                        const data = await response.json();
-                        console.log(data);
-                };
-                fetchData();
-        });
-
-        return (
-                <>
-                        <p className="text-red-500">ok</p>
-                </>
-        );
+        return <RouterProvider router={router} />;
 }