Ignore:
Timestamp:
10/25/22 11:03:34 (2 years ago)
Author:
Nace Gjorgjievski <nace.gorgievski123@…>
Branches:
master
Children:
a2e5735
Parents:
55ed171
Message:

Prototype

Location:
frontend/src/components
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • frontend/src/components/Header.js

    r55ed171 r113029b  
    2323import { useContext } from "react";
    2424import NavDropdown from "react-bootstrap/NavDropdown";
     25import { height } from "@mui/system";
    2526
    2627const toggleMenu = (event) => {
    … …  
    133134                    </div>
    134135                    <ul>
    135                       <li>Аголни гарнитури</li>
    136                       <li>Софи</li>
    137                       <li>Фотелји</li>
    138                       <li>Табуретки</li>
    139                       <li>Клуб Маси</li>
    140                       <li>ТВ комоди</li>
    141                       <li>Комоди</li>
     136                      <li>
     137                        <Link
     138                          to="/products/dnevna/agolni-garnituri"
     139                          style={{
     140                            textDecoration: "none",
     141                            color: "black",
     142                            width: "100%",
     143                            height: "100%",
     144                            display: "flex",
     145                            justifyContent: "center",
     146                            alignItems: "center",
     147                          }}
     148                        >
     149                          Аголни гарнитури
     150                        </Link>
     151                      </li>
     152                      <li>
     153                        <Link
     154                          to="/products/dnevna/sofi"
     155                          style={{
     156                            textDecoration: "none",
     157                            color: "black",
     158                            width: "100%",
     159                            height: "100%",
     160                            display: "flex",
     161                            justifyContent: "center",
     162                            alignItems: "center",
     163                          }}
     164                        >
     165                          Софи
     166                        </Link>
     167                      </li>
     168                      <li>
     169                        <Link
     170                          to="/products/dnevna/fotelji"
     171                          style={{
     172                            textDecoration: "none",
     173                            color: "black",
     174                            width: "100%",
     175                            height: "100%",
     176                            display: "flex",
     177                            justifyContent: "center",
     178                            alignItems: "center",
     179                          }}
     180                        >
     181                          Фотелји
     182                        </Link>
     183                      </li>
     184                      <li>
     185                        <Link
     186                          to="/products/dnevna/taburetki"
     187                          style={{
     188                            textDecoration: "none",
     189                            color: "black",
     190                            width: "100%",
     191                            height: "100%",
     192                            display: "flex",
     193                            justifyContent: "center",
     194                            alignItems: "center",
     195                          }}
     196                        >
     197                          Табуретки
     198                        </Link>
     199                      </li>
     200                      <li>
     201                        <Link
     202                          to="/products/dnevna/klub-masi"
     203                          style={{
     204                            textDecoration: "none",
     205                            color: "black",
     206                            width: "100%",
     207                            height: "100%",
     208                            display: "flex",
     209                            justifyContent: "center",
     210                            alignItems: "center",
     211                          }}
     212                        >
     213                          Клуб Маси
     214                        </Link>
     215                      </li>
     216                      <li>
     217                        <Link
     218                          to="/products/dnevna/tv-komodi"
     219                          style={{
     220                            textDecoration: "none",
     221                            color: "black",
     222                            width: "100%",
     223                            height: "100%",
     224                            display: "flex",
     225                            justifyContent: "center",
     226                            alignItems: "center",
     227                          }}
     228                        >
     229                          ТВ Комоди
     230                        </Link>
     231                      </li>
     232                      <li>
     233                        <Link
     234                          to="/products/dnevna/komodi"
     235                          style={{
     236                            textDecoration: "none",
     237                            color: "black",
     238                            width: "100%",
     239                            height: "100%",
     240                            display: "flex",
     241                            justifyContent: "center",
     242                            alignItems: "center",
     243                          }}
     244                        >
     245                          Комоди
     246                        </Link>
     247                      </li>
    142248                    </ul>
    143249                  </div>
    … …  
    157263                    </div>
    158264                    <ul>
    159                       <li>Шкафови за чевли</li>
    160                       <li>Закачалки и огледала</li>
    161                       <li>Колекции за ходник</li>
     265                      <li>
     266                        <Link
     267                          to="/products/hodnik/skafovi-za-cevli"
     268                          style={{
     269                            textDecoration: "none",
     270                            color: "black",
     271                            width: "100%",
     272                            height: "100%",
     273                            display: "flex",
     274                            justifyContent: "center",
     275                            alignItems: "center",
     276                          }}
     277                        >
     278                          Шкафови за чевли
     279                        </Link>
     280                      </li>
     281                      <li>
     282                        <Link
     283                          to="/products/hodnik/zakacalki-i-ogledala"
     284                          style={{
     285                            textDecoration: "none",
     286                            color: "black",
     287                            width: "100%",
     288                            height: "100%",
     289                            display: "flex",
     290                            justifyContent: "center",
     291                            alignItems: "center",
     292                          }}
     293                        >
     294                          Закачалки и огледала
     295                        </Link>
     296                      </li>
     297                      <li>
     298                        <Link
     299                          to="/products/hodnik/kolekcii-za-hodnik"
     300                          style={{
     301                            textDecoration: "none",
     302                            color: "black",
     303                            width: "100%",
     304                            height: "100%",
     305                            display: "flex",
     306                            justifyContent: "center",
     307                            alignItems: "center",
     308                          }}
     309                        >
     310                          Колекции за ходник
     311                        </Link>
     312                      </li>
    162313                    </ul>
    163314                  </div>
    … …  
    177328                    </div>
    178329                    <ul>
    179                       <li>Кујнски аголни гарнитури</li>
    180                       <li>Стандардни кујни</li>
     330                      <li>
     331                        <Link
     332                          to="/products/kujna/kujnski-agolni-garnituri"
     333                          style={{
     334                            textDecoration: "none",
     335                            color: "black",
     336                            width: "100%",
     337                            height: "100%",
     338                            display: "flex",
     339                            justifyContent: "center",
     340                            alignItems: "center",
     341                          }}
     342                        >
     343                          Кујнски аголни гарнитури
     344                        </Link>
     345                      </li>
     346                      <li>
     347                        <Link
     348                          to="/products/kujna/standarni-kujni"
     349                          style={{
     350                            textDecoration: "none",
     351                            color: "black",
     352                            width: "100%",
     353                            height: "100%",
     354                            display: "flex",
     355                            justifyContent: "center",
     356                            alignItems: "center",
     357                          }}
     358                        >
     359                          Стандардни кујни
     360                        </Link>
     361                      </li>
    181362                    </ul>
    182363                  </div>
    … …  
    196377                    </div>
    197378                    <ul>
    198                       <li>Спални комплети</li>
    199                       <li>Лежаи</li>
    200                       <li>Кревети</li>
    201                       <li>Плакари</li>
    202                       <li>Ноќни шкафчиња</li>
    203                       <li>Тоалетни маси</li>
     379                      <li>
     380                        <Link
     381                          to="/products/spalna/spalni-kompleti"
     382                          style={{
     383                            textDecoration: "none",
     384                            color: "black",
     385                            width: "100%",
     386                            height: "100%",
     387                            display: "flex",
     388                            justifyContent: "center",
     389                            alignItems: "center",
     390                          }}
     391                        >
     392                          Спални комплети
     393                        </Link>
     394                      </li>
     395
     396                      <li>
     397                        <Link
     398                          to="/products/spalna/lezai"
     399                          style={{
     400                            textDecoration: "none",
     401                            color: "black",
     402                            width: "100%",
     403                            height: "100%",
     404                            display: "flex",
     405                            justifyContent: "center",
     406                            alignItems: "center",
     407                          }}
     408                        >
     409                          Лежаи
     410                        </Link>
     411                      </li>
     412
     413                      <li>
     414                        <Link
     415                          to="/products/spalna/kreveti"
     416                          style={{
     417                            textDecoration: "none",
     418                            color: "black",
     419                            width: "100%",
     420                            height: "100%",
     421                            display: "flex",
     422                            justifyContent: "center",
     423                            alignItems: "center",
     424                          }}
     425                        >
     426                          Кревети
     427                        </Link>
     428                      </li>
     429
     430                      <li>
     431                        <Link
     432                          to="/products/spalna/plakari"
     433                          style={{
     434                            textDecoration: "none",
     435                            color: "black",
     436                            width: "100%",
     437                            height: "100%",
     438                            display: "flex",
     439                            justifyContent: "center",
     440                            alignItems: "center",
     441                          }}
     442                        >
     443                          Плакари
     444                        </Link>
     445                      </li>
     446                      <li>
     447                        <Link
     448                          to="/products/spalna/nokni-skafcinja"
     449                          style={{
     450                            textDecoration: "none",
     451                            color: "black",
     452                            width: "100%",
     453                            height: "100%",
     454                            display: "flex",
     455                            justifyContent: "center",
     456                            alignItems: "center",
     457                          }}
     458                        >
     459                          Ноќни шкафчиња
     460                        </Link>
     461                      </li>
     462                      <li>
     463                        <Link
     464                          to="/products/spalna/toaletni-masi"
     465                          style={{
     466                            textDecoration: "none",
     467                            color: "black",
     468                            width: "100%",
     469                            height: "100%",
     470                            display: "flex",
     471                            justifyContent: "center",
     472                            alignItems: "center",
     473                          }}
     474                        >
     475                          Тоалетни маси
     476                        </Link>
     477                      </li>
    204478                    </ul>
    205479                  </div>
    … …  
    219493                    </div>
    220494                    <ul>
    221                       <li>Градинарски комплети</li>
    222                       <li>Градинарски лулки</li>
    223                       <li>Градинарски чадори</li>
    224                       <li>Градинарски маси</li>
    225                       <li>Градинарски столови</li>
    226                       <li>Градинарско осветлување</li>
     495                      <li>
     496                        <Link
     497                          to="/products/gradina/gradinarski-kompleti"
     498                          style={{
     499                            textDecoration: "none",
     500                            color: "black",
     501                            width: "100%",
     502                            height: "100%",
     503                            display: "flex",
     504                            justifyContent: "center",
     505                            alignItems: "center",
     506                          }}
     507                        >
     508                          Градинарски комплети
     509                        </Link>
     510                      </li>
     511                      <li>
     512                        <Link
     513                          to="/products/gradina/gradinarski-lulki"
     514                          style={{
     515                            textDecoration: "none",
     516                            color: "black",
     517                            width: "100%",
     518                            height: "100%",
     519                            display: "flex",
     520                            justifyContent: "center",
     521                            alignItems: "center",
     522                          }}
     523                        >
     524                          Градинарски лулки
     525                        </Link>
     526                      </li>
     527                      <li>
     528                        <Link
     529                          to="/products/gradina/gradinarski-cadori"
     530                          style={{
     531                            textDecoration: "none",
     532                            color: "black",
     533                            width: "100%",
     534                            height: "100%",
     535                            display: "flex",
     536                            justifyContent: "center",
     537                            alignItems: "center",
     538                          }}
     539                        >
     540                          Градинарски чадори
     541                        </Link>
     542                      </li>
     543                      <li>
     544                        <Link
     545                          to="/products/gradina/gradinarski-masi"
     546                          style={{
     547                            textDecoration: "none",
     548                            color: "black",
     549                            width: "100%",
     550                            height: "100%",
     551                            display: "flex",
     552                            justifyContent: "center",
     553                            alignItems: "center",
     554                          }}
     555                        >
     556                          Градинарски маси
     557                        </Link>
     558                      </li>
     559                      <li>
     560                        <Link
     561                          to="/products/gradina/gradinarski-stolovi"
     562                          style={{
     563                            textDecoration: "none",
     564                            color: "black",
     565                            width: "100%",
     566                            height: "100%",
     567                            display: "flex",
     568                            justifyContent: "center",
     569                            alignItems: "center",
     570                          }}
     571                        >
     572                          Градинарски столови
     573                        </Link>
     574                      </li>
     575                      <li>
     576                        <Link
     577                          to="/products/gradina/gradinarsko-osvetluvanje"
     578                          style={{
     579                            textDecoration: "none",
     580                            color: "black",
     581                            width: "100%",
     582                            height: "100%",
     583                            display: "flex",
     584                            justifyContent: "center",
     585                            alignItems: "center",
     586                          }}
     587                        >
     588                          Градинарско осветлување
     589                        </Link>
     590                      </li>
    227591                    </ul>
    228592                  </div>
    … …  
    242606                    </div>
    243607                    <ul>
    244                       <li>Бироа</li>
    245                       <li>Канцелариски столови</li>
    246                       <li>Гејмерски столови</li>
    247                       <li>Канцелариски шкафови</li>
     608                      <li>
     609                        <Link
     610                          to="/products/kancelarija/biroa"
     611                          style={{
     612                            textDecoration: "none",
     613                            color: "black",
     614                            width: "100%",
     615                            height: "100%",
     616                            display: "flex",
     617                            justifyContent: "center",
     618                            alignItems: "center",
     619                          }}
     620                        >
     621                          Бироа
     622                        </Link>
     623                      </li>
     624                      <li>
     625                        <Link
     626                          to="/products/kancelarija/kancelariski-stolovi"
     627                          style={{
     628                            textDecoration: "none",
     629                            color: "black",
     630                            width: "100%",
     631                            height: "100%",
     632                            display: "flex",
     633                            justifyContent: "center",
     634                            alignItems: "center",
     635                          }}
     636                        >
     637                          Канцелариски столови
     638                        </Link>
     639                      </li>
     640                      <li>
     641                        <Link
     642                          to="/products/kancelarija/gejmerski-stolovi"
     643                          style={{
     644                            textDecoration: "none",
     645                            color: "black",
     646                            width: "100%",
     647                            height: "100%",
     648                            display: "flex",
     649                            justifyContent: "center",
     650                            alignItems: "center",
     651                          }}
     652                        >
     653                          Гејмерски столови
     654                        </Link>
     655                      </li>
     656                      <li>
     657                        <Link
     658                          to="/products/kancelarija/kancelariski-skafovi"
     659                          style={{
     660                            textDecoration: "none",
     661                            color: "black",
     662                            width: "100%",
     663                            height: "100%",
     664                            display: "flex",
     665                            justifyContent: "center",
     666                            alignItems: "center",
     667                          }}
     668                        >
     669                          Канцелариски шкафови
     670                        </Link>
     671                      </li>
    248672                    </ul>
    249673                  </div>
    … …  
    263687                    </div>
    264688                    <ul>
    265                       <li>Трпезариски маси</li>
    266                       <li>Трпезариски столови</li>
    267                       <li>Кујнски гарнитури</li>
    268                       <li>Бар столови и маси</li>
     689                      <li>
     690                        <Link
     691                          to="/products/trpezarija/trpezariski-masi"
     692                          style={{
     693                            textDecoration: "none",
     694                            color: "black",
     695                            width: "100%",
     696                            height: "100%",
     697                            display: "flex",
     698                            justifyContent: "center",
     699                            alignItems: "center",
     700                          }}
     701                        >
     702                          Трпезариски маси
     703                        </Link>
     704                      </li>
     705                      <li>
     706                        <Link
     707                          to="/products/trpezarija/trpezariski-stolovi"
     708                          style={{
     709                            textDecoration: "none",
     710                            color: "black",
     711                            width: "100%",
     712                            height: "100%",
     713                            display: "flex",
     714                            justifyContent: "center",
     715                            alignItems: "center",
     716                          }}
     717                        >
     718                          Трпезариски столови
     719                        </Link>
     720                      </li>
     721                      <li>
     722                        <Link
     723                          to="/products/trpezarija/kujnski-garnituri"
     724                          style={{
     725                            textDecoration: "none",
     726                            color: "black",
     727                            width: "100%",
     728                            height: "100%",
     729                            display: "flex",
     730                            justifyContent: "center",
     731                            alignItems: "center",
     732                          }}
     733                        >
     734                          Кујнски гарнитури
     735                        </Link>
     736                      </li>
     737                      <li>
     738                        <Link
     739                          to="/products/trpezarija/bar-stolovi-i-masi"
     740                          style={{
     741                            textDecoration: "none",
     742                            color: "black",
     743                            width: "100%",
     744                            height: "100%",
     745                            display: "flex",
     746                            justifyContent: "center",
     747                            alignItems: "center",
     748                          }}
     749                        >
     750                          Бар столови и маси
     751                        </Link>
     752                      </li>
    269753                    </ul>
    270754                  </div>
    … …  
    284768                    </div>
    285769                    <ul>
    286                       <li>Колекции за детска соба</li>
    287                       <li>Детски бироа</li>
    288                       <li>Лежаи</li>
     770                      <li>
     771                        <Link
     772                          to="/products/detska/kolekcii-za-detska-soba"
     773                          style={{
     774                            textDecoration: "none",
     775                            color: "black",
     776                            width: "100%",
     777                            height: "100%",
     778                            display: "flex",
     779                            justifyContent: "center",
     780                            alignItems: "center",
     781                          }}
     782                        >
     783                          Колекции за детска соба
     784                        </Link>
     785                      </li>
     786                      <li>
     787                        <Link
     788                          to="/products/detska/detski-biroa"
     789                          style={{
     790                            textDecoration: "none",
     791                            color: "black",
     792                            width: "100%",
     793                            height: "100%",
     794                            display: "flex",
     795                            justifyContent: "center",
     796                            alignItems: "center",
     797                          }}
     798                        >
     799                          Детски бироа
     800                        </Link>
     801                      </li>
     802                      <li>
     803                        <Link
     804                          to="/products/detska/detski-lezai"
     805                          style={{
     806                            textDecoration: "none",
     807                            color: "black",
     808                            width: "100%",
     809                            height: "100%",
     810                            display: "flex",
     811                            justifyContent: "center",
     812                            alignItems: "center",
     813                          }}
     814                        >
     815                          Лежаи
     816                        </Link>
     817                      </li>
    289818                    </ul>
    290819                  </div>
    … …  
    312841              <ul>
    313842                <li>
    314                   <a href="#">
     843                  <Link to="/products/dnevna/all">
    315844                    <span>
    316845                      <WeekendIcon /> Дневна
    317846                    </span>
    318                   </a>
     847                  </Link>
    319848                  <ul>
    320849                    <li>
    321                       <a href="#">Аголни гарнитури</a>
    322                     </li>
    323                     <li>
    324                       <a href="#">Софи</a>
    325                     </li>
    326                     <li>
    327                       <a href="#">Фотелји</a>
    328                     </li>
    329                     <li>
    330                       <a href="#">Табуретки</a>
    331                     </li>
    332                     <li>
    333                       <a href="#">Клуб Маси</a>
    334                     </li>
    335                     <li>
    336                       <a href="#">ТВ Комоди</a>
    337                     </li>
    338                     <li>
    339                       <a href="#">Комоди</a>
     850                      <Link to="/products/dnevna/agolni-garnituri">
     851                        Аголни гарнитури
     852                      </Link>
     853                    </li>
     854                    <li>
     855                      <Link to="/products/dnevna/sofi">Софи</Link>
     856                    </li>
     857                    <li>
     858                      <Link to="/products/dnevna/fotelji">Фотелји</Link>
     859                    </li>
     860                    <li>
     861                      <Link to="/products/dnevna/taburetki">Табуретки</Link>
     862                    </li>
     863                    <li>
     864                      <Link to="/products/dnevna/klub-masi">Клуб Маси</Link>
     865                    </li>
     866                    <li>
     867                      <Link to="/products/dnevna/tv-komodi">ТВ Комоди</Link>
     868                    </li>
     869                    <li>
     870                      <Link to="/products/dnevna/komodi">Комоди</Link>
    340871                    </li>
    341872                  </ul>
    342873                </li>
    343874                <li>
    344                   <a href="#">
     875                  <Link to="/products/hodnik/all">
    345876                    <span>
    346877                      <MeetingRoomIcon />
    347878                      Ходник
    348879                    </span>
    349                   </a>
     880                  </Link>
    350881                  <ul>
    351882                    <li>
    352                       <a href="#">Шкафови за чевли</a>
    353                     </li>
    354                     <li>
    355                       <a href="#">Закачалки и огледала</a>
    356                     </li>
    357                     <li>
    358                       <a href="#">Колекции за ходник</a>
     883                      <Link to="/products/hodnik/skafovi-za-cevli">
     884                        Шкафови за чевли
     885                      </Link>
     886                    </li>
     887                    <li>
     888                      <Link to="/products/hodnik/zakacalki-i-ogledala">
     889                        Закачалки и огледала
     890                      </Link>
     891                    </li>
     892                    <li>
     893                      <Link to="/products/hodnik/kolekcii-za-hodnik">
     894                        Колекции за ходник
     895                      </Link>
    359896                    </li>
    360897                  </ul>
    361898                </li>
    362899                <li>
    363                   <a href="#">
     900                  <Link to="/products/kujna/all">
    364901                    <span>
    365902                      <KitchenIcon />
    366903                      Кујна
    367904                    </span>
    368                   </a>
     905                  </Link>
    369906                  <ul>
    370907                    <li>
    371                       <a href="#">Кујнски аголни гарнитури</a>
    372                     </li>
    373                     <li>
    374                       <a href="#">Стандардни кујни</a>
     908                      <Link to="/products/kujna/kujnski-agolni-garnituri">
     909                        Кујнски аголни гарнитури
     910                      </Link>
     911                    </li>
     912                    <li>
     913                      <Link to="/products/kujna/standarni-kujni">
     914                        Стандардни кујни
     915                      </Link>
    375916                    </li>
    376917                  </ul>
    … …  
    381922              <ul>
    382923                <li>
    383                   <a href="#">
     924                  <Link to="/products/spalna/all">
    384925                    <span>
    385926                      <BedIcon />
    386927                      Спална
    387928                    </span>
    388                   </a>
     929                  </Link>
    389930                  <ul>
    390931                    <li>
    391                       <a href="#">Спални комплети</a>
    392                     </li>
    393 
    394                     <li>
    395                       <a href="#">Лежаи</a>
    396                     </li>
    397 
    398                     <li>
    399                       <a href="#">Кревети</a>
    400                     </li>
    401 
    402                     <li>
    403                       <a href="#">Плакари</a>
    404                     </li>
    405                     <li>
    406                       <a href="#">Ноќни шкафчиња</a>
    407                     </li>
    408                     <li>
    409                       <a href="#">Тоалетни маси</a>
     932                      <Link to="/products/spalna/spalni-kompleti">
     933                        Спални комплети
     934                      </Link>
     935                    </li>
     936
     937                    <li>
     938                      <Link to="/products/spalna/lezai">Лежаи</Link>
     939                    </li>
     940
     941                    <li>
     942                      <Link to="/products/spalna/kreveti">Кревети</Link>
     943                    </li>
     944
     945                    <li>
     946                      <Link to="/products/spalna/plakari">Плакари</Link>
     947                    </li>
     948                    <li>
     949                      <Link to="/products/spalna/nokni-skafcinja">
     950                        Ноќни шкафчиња
     951                      </Link>
     952                    </li>
     953                    <li>
     954                      <Link to="/products/spalna/toaletni-masi">
     955                        Тоалетни маси
     956                      </Link>
    410957                    </li>
    411958                  </ul>
    412959                </li>
    413960                <li>
    414                   <a href="#">
     961                  <Link to="/products/gradina/all">
    415962                    <span>
    416963                      <DeckIcon />
    417964                      Мебел за градина
    418965                    </span>
    419                   </a>
     966                  </Link>
    420967                  <ul>
    421968                    <li>
    422                       <a href="#">Градинарски комплети</a>
    423                     </li>
    424                     <li>
    425                       <a href="#">Градинарски лулки</a>
    426                     </li>
    427                     <li>
    428                       <a href="#">Градинарски чадори</a>
    429                     </li>
    430                     <li>
    431                       <a href="#">Градинарски маси</a>
    432                     </li>
    433                     <li>
    434                       <a href="#">Градинарски столови</a>
    435                     </li>
    436                     <li>
    437                       <a href="#">Градинарско осветлување</a>
     969                      <Link to="/products/gradina/gradinarski-kompleti">
     970                        Градинарски комплети
     971                      </Link>
     972                    </li>
     973                    <li>
     974                      <Link to="/products/gradina/gradinarski-lulki">
     975                        Градинарски лулки
     976                      </Link>
     977                    </li>
     978                    <li>
     979                      <Link to="/products/gradina/gradinarski-cadori">
     980                        Градинарски чадори
     981                      </Link>
     982                    </li>
     983                    <li>
     984                      <Link to="/products/gradina/gradinarski-masi">
     985                        Градинарски маси
     986                      </Link>
     987                    </li>
     988                    <li>
     989                      <Link to="/products/gradina/gradinarski-stolovi">
     990                        Градинарски столови
     991                      </Link>
     992                    </li>
     993                    <li>
     994                      <Link to="/products/gradina/gradinarsko-osvetluvanje">
     995                        Градинарско осветлување
     996                      </Link>
    438997                    </li>
    439998                  </ul>
    … …  
    4441003              <ul>
    4451004                <li>
    446                   <a href="#">
     1005                  <Link to="/products/kancelarija/all">
    4471006                    <span>
    4481007                      <ChairAltIcon />
    4491008                      Канцеларија
    4501009                    </span>
    451                   </a>
     1010                  </Link>
    4521011                  <ul>
    4531012                    <li>
    454                       <a href="#">Бироа</a>
    455                     </li>
    456                     <li>
    457                       <a href="#">Канцелариски столови</a>
    458                     </li>
    459                     <li>
    460                       <a href="#">Гејмерски столови</a>
    461                     </li>
    462                     <li>
    463                       <a href="#">Канцелариски шкафови</a>
     1013                      <Link to="/products/kancelarija/biroa">Бироа</Link>
     1014                    </li>
     1015                    <li>
     1016                      <Link to="/products/kancelarija/kancelariski-stolovi">
     1017                        Канцелариски столови
     1018                      </Link>
     1019                    </li>
     1020                    <li>
     1021                      <Link to="/products/kancelarija/gejmerski-stolovi">
     1022                        Гејмерски столови
     1023                      </Link>
     1024                    </li>
     1025                    <li>
     1026                      <Link to="/products/kancelarija/kancelariski-skafovi">
     1027                        Канцелариски шкафови
     1028                      </Link>
    4641029                    </li>
    4651030                  </ul>
    4661031                </li>
    4671032                <li>
    468                   <a href="#">
     1033                  <Link to="/products/trpezarija/all">
    4691034                    <span>
    4701035                      <TableRestaurantIcon />
    4711036                      Трпезарија
    4721037                    </span>
    473                   </a>
     1038                  </Link>
    4741039                  <ul>
    4751040                    <li>
    476                       <a href="#">Трпезариски маси</a>
    477                     </li>
    478                     <li>
    479                       <a href="#">Трпезариски столови</a>
    480                     </li>
    481                     <li>
    482                       <a href="#">Кујнски гарнитури</a>
    483                     </li>
    484                     <li>
    485                       <a href="#">Бар столови и маси</a>
     1041                      <Link to="/products/trpezarija/trpezariski-masi">
     1042                        Трпезариски маси
     1043                      </Link>
     1044                    </li>
     1045                    <li>
     1046                      <Link to="/products/trpezarija/trpezariski-stolovi">
     1047                        Трпезариски столови
     1048                      </Link>
     1049                    </li>
     1050                    <li>
     1051                      <Link to="/products/trpezarija/kujnski-garnituri">
     1052                        Кујнски гарнитури
     1053                      </Link>
     1054                    </li>
     1055                    <li>
     1056                      <Link to="/products/trpezarija/bar-stolovi-i-masi">
     1057                        Бар столови и маси
     1058                      </Link>
    4861059                    </li>
    4871060                  </ul>
    4881061                </li>
    4891062                <li>
    490                   <a href="#">
     1063                  <Link to="/products/detska/all">
    4911064                    <span>
    4921065                      <BedroomChildIcon />
    4931066                      Детска соба
    4941067                    </span>
    495                   </a>
     1068                  </Link>
    4961069                  <ul>
    4971070                    <li>
    498                       <a href="#">Колекции за детска соба</a>
    499                     </li>
    500                     <li>
    501                       <a href="#">Детски бироа</a>
    502                     </li>
    503                     <li>
    504                       <a href="#">Лежаи</a>
     1071                      <Link to="/products/detska/kolekcii-za-detska-soba">
     1072                        Колекции за детска соба
     1073                      </Link>
     1074                    </li>
     1075                    <li>
     1076                      <Link to="/products/detska/detski-biroa">
     1077                        Детски бироа
     1078                      </Link>
     1079                    </li>
     1080                    <li>
     1081                      <Link to="/products/detska/detski-lezai">Лежаи</Link>
    5051082                    </li>
    5061083                  </ul>

  • frontend/src/components/Product.js

    r55ed171 r113029b  
    44import { Link } from "react-router-dom";
    55import { Store } from "../Store";
     6import CheckIcon from "@mui/icons-material/Check";
     7import ClearIcon from "@mui/icons-material/Clear";
    68
    79function Product({ product }) {
    … …  
    1416  };
    1517  return (
    16     <div className="product__container">
     18    <div
     19      className="product__container"
     20      style={{ marginLeft: "5px", marginRight: "5px", marginTop: "10px" }}
     21    >
    1722      <Link to={`/product/${product.slug}`} style={{ height: "165.91px" }}>
    1823        <div className="product__img" style={{ height: "100%" }}>
    … …  
    2429        </div>
    2530      </Link>
    26       <div className="product__textContainer">
    27         <Link to={`/product/${product.slug}`}>
     31      <div
     32        className="product__textContainer"
     33        style={{
     34          display: "flex",
     35          justifyContent: "space-evenly",
     36          alignItems: "center",
     37          marginLeft: "25px",
     38        }}
     39      >
     40        <Link
     41          to={`/product/${product.slug}`}
     42          style={{ textDecoration: "none", color: "black" }}
     43        >
    2844          <div className="product__name">
    2945            <h3>{product.name}</h3>
    … …  
    3147        </Link>
    3248        <div className="product__price">
    33           <h5>{product.price}ден</h5>
     49          <h3 style={{ textDecoration: "none", color: "black" }}>
     50            {product.price}ден
     51          </h3>
    3452        </div>
    3553      </div>
    36       <div className="product__addToCart">
     54      <div
     55        style={{
     56          width: "100%",
     57          display: "flex",
     58          justifyContent: "center",
     59          alignItems: "center",
     60        }}
     61      >
     62        {product.countInStock > 0 ? (
     63          <span style={{ color: "green" }}>
     64            <CheckIcon></CheckIcon>Залиха
     65          </span>
     66        ) : (
     67          <span style={{ color: "red" }}>
     68            <ClearIcon></ClearIcon>Залиха
     69          </span>
     70        )}
     71      </div>
     72      <div className="product__addToCart" style={{ marginTop: "15px" }}>
    3773        <button onClick={addToCartHandler}>
    3874          <ShoppingBasketIcon />
Note: See TracChangeset for help on using the changeset viewer.