diff --git a/frontend/src/routeTree.gen.ts b/frontend/src/routeTree.gen.ts index f07f08bc..59558979 100644 --- a/frontend/src/routeTree.gen.ts +++ b/frontend/src/routeTree.gen.ts @@ -24,7 +24,7 @@ const LoginRouteRoute = LoginRouteImport.update({ const RouteRoute = RouteImport.update({ path: '/', getParentRoute: () => rootRoute, -} as any) +} as any).lazy(() => import('./routes/route.lazy').then((d) => d.Route)) // Populate the FileRoutesByPath interface diff --git a/frontend/src/routes/login/route.lazy.tsx b/frontend/src/routes/login/route.lazy.tsx index e5afa64b..6095d2a8 100644 --- a/frontend/src/routes/login/route.lazy.tsx +++ b/frontend/src/routes/login/route.lazy.tsx @@ -1,7 +1,17 @@ -import { createLazyFileRoute } from "@tanstack/react-router"; - -import { Login } from "./route"; +import { Button } from "@mantine/core"; +import { createLazyFileRoute, Link } from "@tanstack/react-router"; export const Route = createLazyFileRoute("/login")({ component: Login, }); + +export function Login() { + return ( + <> +
Login Page
+ + + + > + ); +} diff --git a/frontend/src/routes/login/route.tsx b/frontend/src/routes/login/route.tsx index c8ed7305..cd475b28 100644 --- a/frontend/src/routes/login/route.tsx +++ b/frontend/src/routes/login/route.tsx @@ -1,10 +1,8 @@ -import { Button } from "@mantine/core"; -import { Link, createFileRoute } from "@tanstack/react-router"; +import { createFileRoute } from "@tanstack/react-router"; import { BACKEND_EJS_VARIABLE_KEYS } from "@/staticDataRouteOption"; export const Route = createFileRoute("/login")({ - component: Login, staticData: { openGraph: { title: `<%= ${BACKEND_EJS_VARIABLE_KEYS.siteName} + ' | Login' %>`, @@ -13,14 +11,3 @@ export const Route = createFileRoute("/login")({ }, }, }); - -export function Login() { - return ( - <> -Login Page
- - - - > - ); -} diff --git a/frontend/src/routes/route.lazy.tsx b/frontend/src/routes/route.lazy.tsx new file mode 100644 index 00000000..861e4f2b --- /dev/null +++ b/frontend/src/routes/route.lazy.tsx @@ -0,0 +1,21 @@ +import { Button, Group } from "@mantine/core"; +import { createLazyFileRoute, Link } from "@tanstack/react-router"; + +import { DeleteParrot } from "./-components/DeleteParrot"; + +export const Route = createLazyFileRoute("/")({ + component: Home, +}); + +function Home() { + return ( + <> +