update
This commit is contained in:
40
src/App.tsx
40
src/App.tsx
@@ -1,4 +1,4 @@
|
||||
import React from 'react';
|
||||
|
||||
import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom';
|
||||
import OrdersPage from './pages/OrdersPage';
|
||||
import VehiclesPage from './pages/VehiclesPage';
|
||||
@@ -6,43 +6,29 @@ import VehicleDetailPage from './pages/VehicleDetailPage';
|
||||
import 'bootstrap/dist/css/bootstrap.min.css';
|
||||
import './App.css';
|
||||
|
||||
const App: React.FC = () => {
|
||||
const App = () => {
|
||||
return (
|
||||
<Router>
|
||||
<div className="App">
|
||||
{/* Навигация */}
|
||||
<nav className="navbar navbar-expand-lg navbar-dark bg-primary">
|
||||
|
||||
<nav className="navbar navbar-dark bg-primary">
|
||||
<div className="container">
|
||||
|
||||
<Link className="navbar-brand" to="/">
|
||||
Логистическая компания
|
||||
</Link>
|
||||
<button
|
||||
className="navbar-toggler"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarNav"
|
||||
>
|
||||
<span className="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div className="collapse navbar-collapse" id="navbarNav">
|
||||
<ul className="navbar-nav">
|
||||
<li className="nav-item">
|
||||
<Link className="nav-link" to="/orders">
|
||||
Заказы
|
||||
</Link>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<Link className="nav-link" to="/vehicles">
|
||||
Машины
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="d-flex">
|
||||
<Link className="nav-link text-white me-3" to="/orders">
|
||||
Заказы
|
||||
</Link>
|
||||
<Link className="nav-link text-white" to="/vehicles">
|
||||
Машины
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
{/* Основной контент */}
|
||||
<main>
|
||||
<main className="container mt-4">
|
||||
<Routes>
|
||||
<Route path="/" element={<OrdersPage />} />
|
||||
<Route path="/orders" element={<OrdersPage />} />
|
||||
|
||||
Reference in New Issue
Block a user