Index: backend/routes/productRoutes.js =================================================================== --- backend/routes/productRoutes.js (revision 55ed1718e29f3bb840f3e7b798f4728e2b431499) +++ backend/routes/productRoutes.js (revision 113029bbf1a9831d3ae8fae3e6e1d250ae725493) @@ -51,5 +51,5 @@ ); -const PAGE_SIZE = 20; +const PAGE_SIZE = 7; productRouter.get( "/", Index: frontend/src/App.js =================================================================== --- frontend/src/App.js (revision 55ed1718e29f3bb840f3e7b798f4728e2b431499) +++ frontend/src/App.js (revision 113029bbf1a9831d3ae8fae3e6e1d250ae725493) @@ -50,5 +50,8 @@ } /> } /> - } /> + } + /> } /> } /> Index: frontend/src/components/Header.js =================================================================== --- frontend/src/components/Header.js (revision 55ed1718e29f3bb840f3e7b798f4728e2b431499) +++ frontend/src/components/Header.js (revision 113029bbf1a9831d3ae8fae3e6e1d250ae725493) @@ -23,4 +23,5 @@ import { useContext } from "react"; import NavDropdown from "react-bootstrap/NavDropdown"; +import { height } from "@mui/system"; const toggleMenu = (event) => { @@ -133,11 +134,116 @@
    -
  • Аголни гарнитури
    • -
  • Софи
    • -
  • Фотелји
    • -
  • Табуретки
    • -
  • Клуб Маси
    • -
  • ТВ комоди
    • -
  • Комоди
    • +
  • + + Аголни гарнитури + +
    • +
  • + + Софи + +
    • +
  • + + Фотелји + +
    • +
  • + + Табуретки + +
    • +
  • + + Клуб Маси + +
    • +
  • + + ТВ Комоди + +
    • +
  • + + Комоди + +
@@ -157,7 +263,52 @@
    -
  • Шкафови за чевли
    • -
  • Закачалки и огледала
    • -
  • Колекции за ходник
    • +
  • + + Шкафови за чевли + +
    • +
  • + + Закачалки и огледала + +
    • +
  • + + Колекции за ходник + +
@@ -177,6 +328,36 @@
    -
  • Кујнски аголни гарнитури
    • -
  • Стандардни кујни
    • +
  • + + Кујнски аголни гарнитури + +
    • +
  • + + Стандардни кујни + +
@@ -196,10 +377,103 @@
    -
  • Спални комплети
    • -
  • Лежаи
    • -
  • Кревети
    • -
  • Плакари
    • -
  • Ноќни шкафчиња
    • -
  • Тоалетни маси
    • +
  • + + Спални комплети + +
    • + +
  • + + Лежаи + +
    • + +
  • + + Кревети + +
    • + +
  • + + Плакари + +
    • +
  • + + Ноќни шкафчиња + +
    • +
  • + + Тоалетни маси + +
@@ -219,10 +493,100 @@
    -
  • Градинарски комплети
    • -
  • Градинарски лулки
    • -
  • Градинарски чадори
    • -
  • Градинарски маси
    • -
  • Градинарски столови
    • -
  • Градинарско осветлување
    • +
  • + + Градинарски комплети + +
    • +
  • + + Градинарски лулки + +
    • +
  • + + Градинарски чадори + +
    • +
  • + + Градинарски маси + +
    • +
  • + + Градинарски столови + +
    • +
  • + + Градинарско осветлување + +
@@ -242,8 +606,68 @@
    -
  • Бироа
    • -
  • Канцелариски столови
    • -
  • Гејмерски столови
    • -
  • Канцелариски шкафови
    • +
  • + + Бироа + +
    • +
  • + + Канцелариски столови + +
    • +
  • + + Гејмерски столови + +
    • +
  • + + Канцелариски шкафови + +
@@ -263,8 +687,68 @@
    -
  • Трпезариски маси
    • -
  • Трпезариски столови
    • -
  • Кујнски гарнитури
    • -
  • Бар столови и маси
    • +
  • + + Трпезариски маси + +
    • +
  • + + Трпезариски столови + +
    • +
  • + + Кујнски гарнитури + +
    • +
  • + + Бар столови и маси + +
@@ -284,7 +768,52 @@
    -
  • Колекции за детска соба
    • -
  • Детски бироа
    • -
  • Лежаи
    • +
  • + + Колекции за детска соба + +
    • +
  • + + Детски бироа + +
    • +
  • + + Лежаи + +
@@ -312,65 +841,77 @@
  • - + Дневна - +
  • - + Ходник - +
  • - + Кујна - + @@ -381,59 +922,77 @@
    • - + Спална - +
    • - + Мебел за градина - + @@ -444,63 +1003,81 @@
      • - + Канцеларија - +
      • - + Трпезарија - +
      • - + Детска соба - + Index: frontend/src/components/Product.js =================================================================== --- frontend/src/components/Product.js (revision 55ed1718e29f3bb840f3e7b798f4728e2b431499) +++ frontend/src/components/Product.js (revision 113029bbf1a9831d3ae8fae3e6e1d250ae725493) @@ -4,4 +4,6 @@ import { Link } from "react-router-dom"; import { Store } from "../Store"; +import CheckIcon from "@mui/icons-material/Check"; +import ClearIcon from "@mui/icons-material/Clear"; function Product({ product }) { @@ -14,5 +16,8 @@ }; return ( -
        +
        @@ -24,6 +29,17 @@
        -
        - +
        +

        {product.name}

        @@ -31,8 +47,28 @@
        -
        {product.price}ден
        +

        + {product.price}ден +

        -
        +
        + {product.countInStock > 0 ? ( + + Залиха + + ) : ( + + Залиха + + )} +
        +
        + + ))} +
        +
        )}
        Index: frontend/src/screens/Home.js =================================================================== --- frontend/src/screens/Home.js (revision 55ed1718e29f3bb840f3e7b798f4728e2b431499) +++ frontend/src/screens/Home.js (revision 113029bbf1a9831d3ae8fae3e6e1d250ae725493) @@ -14,4 +14,5 @@ import axios from "axios"; import { Helmet } from "react-helmet-async"; +import { useNavigate } from "react-router-dom"; const reducer = (state, action) => { @@ -34,4 +35,5 @@ error: "", }); + const navigate = useNavigate(); //const [products, setProducts] = useState([]); useEffect(() => { @@ -148,5 +150,10 @@
        -
        Дневна
        +
        navigate("/products/dnevna/all")} + > + Дневна +
        Ходник
        Трпезарија
        Index: frontend/src/screens/HomeWithJumbo.js =================================================================== --- frontend/src/screens/HomeWithJumbo.js (revision 55ed1718e29f3bb840f3e7b798f4728e2b431499) +++ frontend/src/screens/HomeWithJumbo.js (revision 113029bbf1a9831d3ae8fae3e6e1d250ae725493) @@ -14,6 +14,8 @@ import { Helmet } from "react-helmet-async"; import Jumbo from "../components/JumboSlider"; +import { useNavigate } from "react-router-dom"; function Home() { + const navigate = useNavigate(); const clearActive = () => { let icon1 = document.getElementById("icon1"); @@ -108,12 +110,52 @@
        -
        Дневна
        -
        Ходник
        -
        Трпезарија
        -
        Спална
        -
        Кујна
        -
        Канцеларија
        -
        Детска соба
        -
        Мебел за градина
        +
        navigate("/products/dnevna/all")} + > + Дневна +
        +
        navigate("/products/hodnik/all")} + > + Ходник +
        +
        navigate("/products/trpezarija/all")} + > + Трпезарија +
        +
        navigate("/products/spalna/all")} + > + Спална +
        +
        navigate("/products/kujna/all")} + > + Кујна +
        +
        navigate("/products/kancelarija/all")} + > + Канцеларија +
        +
        navigate("/products/detska/all")} + > + Детска соба +
        +
        navigate("/products/gradina/all")} + > + Мебел за градина +
        Index: frontend/src/styles/ProductScreen.css =================================================================== --- frontend/src/styles/ProductScreen.css (revision 55ed1718e29f3bb840f3e7b798f4728e2b431499) +++ frontend/src/styles/ProductScreen.css (revision 113029bbf1a9831d3ae8fae3e6e1d250ae725493) @@ -109,4 +109,5 @@ display: flex !important; justify-content: center !important; + margin-top: 10px; }