lab_6_start

src/App.jsx

@@ -1,28 +1,26 @@
 import React, { useState } from 'react';
-import useProducts from './hooks/useProducts';
-import ProductList from './components/ProductList';
-import ProductForm from './components/ProductForm';
+import { BrowserRouter, Routes, Route } from "react-router-dom";
+import Header from "./components/Header";
+import Footer from "./components/Footer";
+import MainPage from "./pages/MainPage";
+import BasketPage from "./pages/BasketPage";
+import FavoritesPage from "./pages/FavoritesPage";
+import OrderPage from "./pages/OrderPage";
+import AccountPage from "./pages/AccountPage";
 
 export default function App() {
-  const { products, add, update, remove } = useProducts();
-  const [editing, setEditing] = useState(null);
-  const [showForm, setShowForm] = useState(false);
-
-  const handleAdd = () => { setEditing(null); setShowForm(true); };
-  const handleEdit = prod => { setEditing(prod); setShowForm(true); };
-  const handleDelete = id => remove(id);
-  const handleSave = prod => {
-    editing ? update({ ...prod, id: editing.id }) : add(prod);
-    setShowForm(false);
-  };
-  const handleCancel = () => setShowForm(false);
 
   return (
-    <div className="container my-4">
-      {/* <h1 className="mb-4">Каталог товаров</h1> */}
-      <button className="btn btn-success mb-3" onClick={handleAdd}>Добавить товар</button>
-      {showForm && <ProductForm initial={editing} onSave={handleSave} onCancel={handleCancel} />}
-      <ProductList products={products} onEdit={handleEdit} onDelete={handleDelete} />
-    </div>
+    <BrowserRouter>
+      <Header />
+      <Routes>
+        <Route path="/" element={<MainPage />} />
+        <Route path="/basket" element={<BasketPage />} />
+        <Route path="/favorites" element={<FavoritesPage />} />
+        <Route path="/orders" element={<OrderPage />} />
+        <Route path="/account" element={<AccountPage />} />
+      </Routes>
+      <Footer />
+    </BrowserRouter>
   );
 }