crap

src/routes/__root.tsx

@@ -1,20 +1,14 @@
-import {createRootRoute, Link, Outlet} from "@tanstack/react-router";
-import {TanStackRouterDevtools} from '@tanstack/router-devtools'
+import {createRootRoute, redirect} from "@tanstack/react-router";
+import RootPage from "../pages/RootPage/RootPage.tsx";
 
 export const Route = createRootRoute({
-    component: () => (
-        <>
-            <div className="p-2 flex gap-2">
-                <Link to="/" className="[&.active]:font-bold">
-                    Home
-                </Link>{' '}
-                <Link to="/test" className="[&.active]:font-bold">
-                    Test
-                </Link>{' '}
-            </div>
-
-            <Outlet/>
-            <TanStackRouterDevtools/>
-        </>
-    ),
+    component: RootPage,
+    beforeLoad: async ({location}) => {
+        const isAuthorized = JSON.parse(localStorage.getItem('authState') || '{}')['isAuthorized'];
+        if (!isAuthorized && location.pathname !== '/login') {
+            throw redirect({
+                to: '/login',
+            })
+        }
+    }
 })

src/routes/leads.lazy.tsx

@@ -0,0 +1,6 @@
+import {createLazyFileRoute} from "@tanstack/react-router";
+import {LeadsPage} from "../pages/LeadsPage";
+
+export const Route = createLazyFileRoute('/leads')({
+    component: LeadsPage
+})

src/routes/login.lazy.tsx

@@ -0,0 +1,6 @@
+import {createLazyFileRoute} from "@tanstack/react-router";
+import LoginPage from "../pages/LoginPage/LoginPage.tsx";
+
+export const Route = createLazyFileRoute('/login')({
+    component: LoginPage
+})