From 1419674f5b63e3e3400b76969709b1c446216d75 Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Fri, 13 Mar 2026 01:54:34 +0000
Subject: [PATCH] Auto commit: 2026-03-13T01:54:34.535Z

---
 frontend/src/AdminLayout.tsx | 22 ++++++++++++++++++++++
 frontend/src/App.tsx         | 32 ++++++++++++++++++++++----------
 2 files changed, 44 insertions(+), 10 deletions(-)
 create mode 100644 frontend/src/AdminLayout.tsx

diff --git a/frontend/src/AdminLayout.tsx b/frontend/src/AdminLayout.tsx
new file mode 100644
index 0000000..621c03f
--- /dev/null
+++ b/frontend/src/AdminLayout.tsx
@@ -0,0 +1,22 @@
+import React from 'react';
+import { Link, Outlet } from 'react-router-dom';
+
+const AdminLayout: React.FC = () => {
+  return (
+    <div className="flex min-h-screen bg-gray-100">
+      <aside className="w-64 bg-white shadow-md">
+        <div className="p-6 text-2xl font-bold text-gray-800">Admin Panel</div>
+        <nav className="mt-6">
+          <Link to="/admin/products" className="block py-2.5 px-4 rounded hover:bg-gray-200">Products</Link>
+          <Link to="/admin/categories" className="block py-2.5 px-4 rounded hover:bg-gray-200">Categories</Link>
+          <Link to="/admin/sellers" className="block py-2.5 px-4 rounded hover:bg-gray-200">Sellers</Link>
+        </nav>
+      </aside>
+      <main className="flex-1 p-8">
+        <Outlet />
+      </main>
+    </div>
+  );
+};
+
+export default AdminLayout;
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index e5ba036..e27721f 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -4,6 +4,7 @@ import LoginPage from './LoginPage';
 import ProductList from './ProductList';
 import ProductDetail from './ProductDetail';
 import CartPage from './CartPage';
+import AdminLayout from './AdminLayout';
 import { CartProvider } from './CartContext';
 import { AuthProvider } from './AuthContext';
 
@@ -12,19 +13,30 @@ function App() {
     <Router>
       <AuthProvider>
         <CartProvider>
-          <Header />
-          <main>
-            <Routes>
-              <Route path="/" element={<ProductList />} />
-              <Route path="/product/:id" element={<ProductDetail />} />
-              <Route path="/cart" element={<CartPage />} />
-              <Route path="/login" element={<LoginPage />} />
-            </Routes>
-          </main>
+          <Routes>
+            <Route path="/*" element={
+              <>
+                <Header />
+                <main>
+                  <Routes>
+                    <Route path="/" element={<ProductList />} />
+                    <Route path="/product/:id" element={<ProductDetail />} />
+                    <Route path="/cart" element={<CartPage />} />
+                    <Route path="/login" element={<LoginPage />} />
+                  </Routes>
+                </main>
+              </>
+            } />
+            <Route path="/admin/*" element={<AdminLayout />}>
+              <Route path="products" element={<div>Product Management (To be implemented)</div>} />
+              <Route path="categories" element={<div>Category Management (To be implemented)</div>} />
+              <Route path="sellers" element={<div>Seller Management (To be implemented)</div>} />
+            </Route>
+          </Routes>
         </CartProvider>
       </AuthProvider>
     </Router>
   )
 }
 
-export default App;
\ No newline at end of file
+export default App;