checkpoint

need polishing

frontend/src/routes.tsx

@@ -5,6 +5,7 @@ import { ArticleDetailComponent } from './components/routes/ArticleDetailCompone
 import { LiveBlogsComponent } from './components/routes/LiveBlogsComponent'
 import { LiveBlogDetailComponent } from './components/routes/LiveBlogDetailComponent'
 import { LiveBlogAdminComponent } from './components/routes/LiveBlogAdminComponent'
+import { CreateLiveBlogComponent } from './components/routes/CreateLiveBlogComponent'
 import './styles.css'
 
 const rootRoute = createRootRoute({
@@ -23,17 +24,20 @@ const rootRoute = createRootRoute({
           <h1 className="text-3xl font-bold">
             <Link to="/" className="hover:underline">Placebo.mk</Link>
           </h1>
-          <nav className="flex gap-4">
-            <Link to="/" className="text-sm font-medium hover:underline">
-              Home
-            </Link>
-            <Link to="/articles" className="text-sm font-medium hover:underline">
-              Articles
-            </Link>
-            <Link to="/live-blogs" className="text-sm font-medium hover:underline">
-              Live
-            </Link>
-          </nav>
+           <nav className="flex gap-4">
+             <Link to="/" className="text-sm font-medium hover:underline">
+               Home
+             </Link>
+             <Link to="/articles" className="text-sm font-medium hover:underline">
+               Articles
+             </Link>
+             <Link to="/live-blogs" className="text-sm font-medium hover:underline">
+               Live
+             </Link>
+             <Link to="/admin/live-blogs/create" className="text-sm font-medium hover:underline text-primary">
+               + New Live Blog
+             </Link>
+           </nav>
         </div>
       </header>
 
@@ -177,6 +181,12 @@ const liveBlogAdminRoute = createRoute({
   },
 })
 
+const createLiveBlogRoute = createRoute({
+  getParentRoute: () => rootRoute,
+  path: '/admin/live-blogs/create',
+  component: CreateLiveBlogComponent,
+})
+
 const routeTree = rootRoute.addChildren([
   indexRoute, 
   articlesRoute, 
@@ -184,6 +194,7 @@ const routeTree = rootRoute.addChildren([
   liveBlogsRoute,
   liveBlogDetailRoute,
   liveBlogAdminRoute,
+  createLiveBlogRoute,
 ])
 
 export const router = createRouter({ routeTree })