import 'bootstrap/dist/css/bootstrap.min.css'; import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom"; import HomePage from './components/HomePage'; import LoginAdmin from './components/LoginAdmin'; import SignAdmin from './components/SignAdmin'; import LogManager from './components/LogManager'; import LogMerchant from './components/LogMerchant'; import AdminDashboard from './components/AdminDashboard'; import ManagerDashboard from './components/ManagerDashboard'; import MerchantDashboard from './components/MerchantDashboard'; import LogOut from './components/LogOut'; function App() { return ( <Router> <div className="App"> <div className="auth-wrapper"> <div className="auth-inner"> <Routes> <Route exact path="/" element={<HomePage />} /> <Route path="/sign-in" element={<LoginAdmin />} /> <Route path="/sign-admin" element={<SignAdmin />} /> <Route path="/dash-admin" element={<AdminDashboard />} /> <Route path="/log-manager" element={<LogManager />} /> <Route path="/dash-manager" element={<ManagerDashboard />} /> <Route path="/log-merchant" element={<LogMerchant />} /> <Route path="/dash-merchant" element={<MerchantDashboard />} /> <Route path="/log-out" element={<LogOut />} /> </Routes> </div> </div> </div> </Router> ); } export default App;
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter