نسخ من mohammedsaid18/dashboard
45 أسطر
1.3 KiB
TypeScript
45 أسطر
1.3 KiB
TypeScript
import './App.css'
|
|
import Header from './components/shared/Header'
|
|
import Footer from './components/shared/Footer'
|
|
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
|
|
import Dashboard from './pages/Dashboard';
|
|
import Portfolio from './pages/Portfolio';
|
|
|
|
import Settings from './pages/Settings';
|
|
import Strategy from './pages/Strategy';
|
|
import Login from './pages/login';
|
|
import ProtectedRoute from './components/ProtectedRoute';
|
|
|
|
function App() {
|
|
return (
|
|
<Router>
|
|
|
|
<div className="min-h-screen bg-white">
|
|
<Header />
|
|
<Routes>
|
|
<Route path="/login" element={<Login />} />
|
|
|
|
<Route path="/" element={<ProtectedRoute><Dashboard /></ProtectedRoute>} />
|
|
<Route path="/portfolio" element={<ProtectedRoute><Portfolio /></ProtectedRoute>} />
|
|
<Route path="/strategy" element={<ProtectedRoute><Strategy /></ProtectedRoute>} />
|
|
<Route path="/settings" element={<ProtectedRoute><Settings /></ProtectedRoute>} />
|
|
|
|
|
|
{/* <Route path="/" element={<Dashboard />} />
|
|
<Route path="/portfolio" element={<Portfolio />} />
|
|
<Route path="/strategy" element={<Strategy />} />
|
|
<Route path="/settings" element={<Settings />} /> */}
|
|
|
|
|
|
</Routes>
|
|
<Footer />
|
|
</div>
|
|
</Router>
|
|
)
|
|
}
|
|
|
|
export default App
|
|
|
|
|
|
|