added: Admin Routes, authenicated it and it only authorize admin only

Author: RabbitDaCoder

client/src/routeTree.gen.ts

@@ -13,8 +13,11 @@ import { Route as ContactRouteImport } from './routes/contact'
 import { Route as AboutRouteImport } from './routes/about'
 import { Route as IndexRouteImport } from './routes/index'
 import { Route as TrackIndexRouteImport } from './routes/track/index'
+import { Route as OwnerIndexRouteImport } from './routes/owner/index'
 import { Route as BlogsIndexRouteImport } from './routes/blogs/index'
 import { Route as TrackCodeRouteImport } from './routes/track/$code'
+import { Route as OwnerLoginRouteImport } from './routes/owner/login'
+import { Route as OwnerDashboardRouteImport } from './routes/owner/dashboard'
 import { Route as BlogsIdRouteImport } from './routes/blogs/$id'
 
 const ContactRoute = ContactRouteImport.update({
@@ -37,6 +40,11 @@ const TrackIndexRoute = TrackIndexRouteImport.update({
   path: '/track/',
   getParentRoute: () => rootRouteImport,
 } as any)
+const OwnerIndexRoute = OwnerIndexRouteImport.update({
+  id: '/owner/',
+  path: '/owner/',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const BlogsIndexRoute = BlogsIndexRouteImport.update({
   id: '/blogs/',
   path: '/blogs/',
@@ -47,6 +55,16 @@ const TrackCodeRoute = TrackCodeRouteImport.update({
   path: '/track/$code',
   getParentRoute: () => rootRouteImport,
 } as any)
+const OwnerLoginRoute = OwnerLoginRouteImport.update({
+  id: '/owner/login',
+  path: '/owner/login',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const OwnerDashboardRoute = OwnerDashboardRouteImport.update({
+  id: '/owner/dashboard',
+  path: '/owner/dashboard',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const BlogsIdRoute = BlogsIdRouteImport.update({
   id: '/blogs/$id',
   path: '/blogs/$id',
@@ -58,17 +76,23 @@ export interface FileRoutesByFullPath {
   '/about': typeof AboutRoute
   '/contact': typeof ContactRoute
   '/blogs/$id': typeof BlogsIdRoute
+  '/owner/dashboard': typeof OwnerDashboardRoute
+  '/owner/login': typeof OwnerLoginRoute
   '/track/$code': typeof TrackCodeRoute
   '/blogs': typeof BlogsIndexRoute
+  '/owner': typeof OwnerIndexRoute
   '/track': typeof TrackIndexRoute
 }
 export interface FileRoutesByTo {
   '/': typeof IndexRoute
   '/about': typeof AboutRoute
   '/contact': typeof ContactRoute
   '/blogs/$id': typeof BlogsIdRoute
+  '/owner/dashboard': typeof OwnerDashboardRoute
+  '/owner/login': typeof OwnerLoginRoute
   '/track/$code': typeof TrackCodeRoute
   '/blogs': typeof BlogsIndexRoute
+  '/owner': typeof OwnerIndexRoute
   '/track': typeof TrackIndexRoute
 }
 export interface FileRoutesById {
@@ -77,8 +101,11 @@ export interface FileRoutesById {
   '/about': typeof AboutRoute
   '/contact': typeof ContactRoute
   '/blogs/$id': typeof BlogsIdRoute
+  '/owner/dashboard': typeof OwnerDashboardRoute
+  '/owner/login': typeof OwnerLoginRoute
   '/track/$code': typeof TrackCodeRoute
   '/blogs/': typeof BlogsIndexRoute
+  '/owner/': typeof OwnerIndexRoute
   '/track/': typeof TrackIndexRoute
 }
 export interface FileRouteTypes {
@@ -88,26 +115,35 @@ export interface FileRouteTypes {
     | '/about'
     | '/contact'
     | '/blogs/$id'
+    | '/owner/dashboard'
+    | '/owner/login'
     | '/track/$code'
     | '/blogs'
+    | '/owner'
     | '/track'
   fileRoutesByTo: FileRoutesByTo
   to:
     | '/'
     | '/about'
     | '/contact'
     | '/blogs/$id'
+    | '/owner/dashboard'
+    | '/owner/login'
     | '/track/$code'
     | '/blogs'
+    | '/owner'
     | '/track'
   id:
     | '__root__'
     | '/'
     | '/about'
     | '/contact'
     | '/blogs/$id'
+    | '/owner/dashboard'
+    | '/owner/login'
     | '/track/$code'
     | '/blogs/'
+    | '/owner/'
     | '/track/'
   fileRoutesById: FileRoutesById
 }
@@ -116,8 +152,11 @@ export interface RootRouteChildren {
   AboutRoute: typeof AboutRoute
   ContactRoute: typeof ContactRoute
   BlogsIdRoute: typeof BlogsIdRoute
+  OwnerDashboardRoute: typeof OwnerDashboardRoute
+  OwnerLoginRoute: typeof OwnerLoginRoute
   TrackCodeRoute: typeof TrackCodeRoute
   BlogsIndexRoute: typeof BlogsIndexRoute
+  OwnerIndexRoute: typeof OwnerIndexRoute
   TrackIndexRoute: typeof TrackIndexRoute
 }
 
@@ -151,6 +190,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof TrackIndexRouteImport
       parentRoute: typeof rootRouteImport
     }
+    '/owner/': {
+      id: '/owner/'
+      path: '/owner'
+      fullPath: '/owner'
+      preLoaderRoute: typeof OwnerIndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/blogs/': {
       id: '/blogs/'
       path: '/blogs'
@@ -165,6 +211,20 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof TrackCodeRouteImport
       parentRoute: typeof rootRouteImport
     }
+    '/owner/login': {
+      id: '/owner/login'
+      path: '/owner/login'
+      fullPath: '/owner/login'
+      preLoaderRoute: typeof OwnerLoginRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/owner/dashboard': {
+      id: '/owner/dashboard'
+      path: '/owner/dashboard'
+      fullPath: '/owner/dashboard'
+      preLoaderRoute: typeof OwnerDashboardRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/blogs/$id': {
       id: '/blogs/$id'
       path: '/blogs/$id'
@@ -180,8 +240,11 @@ const rootRouteChildren: RootRouteChildren = {
   AboutRoute: AboutRoute,
   ContactRoute: ContactRoute,
   BlogsIdRoute: BlogsIdRoute,
+  OwnerDashboardRoute: OwnerDashboardRoute,
+  OwnerLoginRoute: OwnerLoginRoute,
   TrackCodeRoute: TrackCodeRoute,
   BlogsIndexRoute: BlogsIndexRoute,
+  OwnerIndexRoute: OwnerIndexRoute,
   TrackIndexRoute: TrackIndexRoute,
 }
 export const routeTree = rootRouteImport

client/src/routes/owner/dashboard.tsx

@@ -0,0 +1,17 @@
+// src/routes/owner/dashboard.tsx
+import { createFileRoute, redirect } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/owner/dashboard")({
+  beforeLoad: async () => {
+    const token = localStorage.getItem("adminToken");
+    const role = localStorage.getItem("adminRole");
+    if (!token || role !== "owner") {
+      throw redirect({ to: "/owner/login" });
+    }
+  },
+  component: Dashboard,
+});
+
+function Dashboard() {
+  return <h1>Admin Dashboard</h1>;
+}

client/src/routes/owner/index.tsx

@@ -0,0 +1,11 @@
+// src/routes/owner/index.tsx
+import { Outlet, createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/owner/")({
+  component: () => (
+    <div className="admin-layout">
+      <h1>Admin Panel</h1>
+      <Outlet />
+    </div>
+  ),
+});

client/src/routes/owner/login.tsx

@@ -0,0 +1,53 @@
+// src/routes/owner/login.tsx
+import { useNavigate, createFileRoute } from "@tanstack/react-router";
+import { useState } from "react";
+import axios from "axios";
+
+export const Route = createFileRoute("/owner/login")({
+  component: AdminLogin,
+});
+
+function AdminLogin() {
+  const navigate = useNavigate();
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+
+  const handleLogin = async () => {
+    console.log("Email: ", email, "Password: ", password);
+    try {
+      const res = await axios.post("http://localhost:5000/api/auth/login", {
+        email,
+        password,
+      });
+
+      if (res.status === 200 && res.data?.token) {
+        localStorage.setItem("adminToken", res.data.token);
+        localStorage.setItem("adminRole", "owner");
+        navigate({ to: "/owner/dashboard" });
+      } else {
+        alert("Invalid credentials");
+      }
+    } catch (error: any) {
+      console.error("Login failed:", error);
+      alert(error.response?.data?.message || "Login failed, please try again.");
+    }
+  };
+
+  return (
+    <div>
+      <h2>Admin Login</h2>
+      <input
+        value={email}
+        onChange={(e) => setEmail(e.target.value)}
+        placeholder="Email"
+      />
+      <input
+        type="password"
+        value={password}
+        onChange={(e) => setPassword(e.target.value)}
+        placeholder="Password"
+      />
+      <button onClick={handleLogin}>Login</button>
+    </div>
+  );
+}