File manager - Edit - /home/webapp69.cm.in.th/u69319090009/shop/src/App.jsx
Back
import React, { useState, useEffect } from 'react'; import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom'; import Navbar from './components/Navbar'; import AdminDashboard from './components/AdminDashboard'; const Home = () => ( <div className="pt-24 px-8 max-w-7xl mx-auto"> <h1 className="text-2xl font-bold">หน้าแรก - Aura Shop</h1> <p className="text-gray-600 mt-2">ยินดีต้อนรับสู่ร้านค้าออนไลน์มินิมอล</p> </div> ); const Cart = () => ( <div className="pt-24 px-8 max-w-7xl mx-auto"> <h1 className="text-2xl font-bold">ตะกร้าสินค้า</h1> </div> ); const SellerCentre = () => ( <div className="pt-24 px-8 max-w-7xl mx-auto"> <h1 className="text-2xl font-bold">ระบบผู้ขาย (Seller Centre)</h1> </div> ); const App = () => { const [currentUser, setCurrentUser] = useState(null); useEffect(() => { try { const user = JSON.parse(localStorage.getItem('currentUser')); if (user) { setCurrentUser(user); } else { // Fallback or test admin user setCurrentUser({ username: 'admin', role: 'admin' }); } } catch (e) { setCurrentUser({ username: 'admin', role: 'admin' }); } }, []); const handleLogout = () => { localStorage.removeItem('currentUser'); setCurrentUser(null); }; return ( <Router> <div className="min-h-screen bg-gray-50"> <Navbar currentUser={currentUser} onLogout={handleLogout} /> <Routes> <Route path="/" element={<Home />} /> <Route path="/cart" element={<Cart />} /> <Route path="/seller" element={<SellerCentre />} /> {/* Admin Dashboard Route */} <Route path="/admin" element={<AdminDashboard />} /> <Route path="*" element={<Navigate to="/" replace />} /> </Routes> </div> </Router> ); }; export default App;
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.22 |
proxy
|
phpinfo
|
Settings