admin/39161-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Auto commit: 2026-03-13T01:54:34.535Z

Browse Source
This commit is contained in:
Flatlogic Bot 2026-03-13 01:54:34 +00:00
parent 1fae2204d0
commit 1419674f5b
2 changed files with 44 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/AdminLayout.tsx Normal file
View File

@ -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;

32
frontend/src/App.tsx
View File

@ -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;
export default App;