search

Sunagatov / Iced-Latte-Frontend

a online Marketplace for coffee retail (Frontend)
https://iced-latte.uk
MIT License
210 stars 48 forks source link

Products filter labels #158

Closed MikeSaburov closed 4 months ago

MikeSaburov commented 5 months ago

Completed the test task as described

anksuunamun commented 4 months ago

Task description:

  1. Реализовать компонент ProductsFilterLabels, который принимает массив описаний лейблов фильтров (например, это объекты со свойствами name, id, label; сам массив - например, filterAttributes) и на основе этого рисует черные лейблы. Лейблы должны поддерживать событие нажатия на крестик и передавать пользователю компонента информацию о своих name и id.

  2. Также внутри компонента перед лейблами разместить кнопку "By default", которая передает пользователю компонента инфу о том, что её нажали.

  3. Постараться дробить компоненты, используемые внутри ProductsFilterLabels на небольшие понятные компоненты. Сам компонент разместить в src/components/Product. Относящиеся только к нему кусочки кода располагать в его папке.

Макет - https://www.figma.com/file/8BD1H4T6LjsTP7EVBeEJ24/Coffee-shop?type=design&node-id=2413-4945&mode=design&t=gdKdBfvRIx1xk2AU-0

скрин, чтобы знать что искать на макете:

репо проекта: https://github.com/Sunagatov/Iced-Latte-Frontend

image

anksuunamun commented 4 months ago

Completed the test task as described

anksuunamun commented 4 months ago

These changes will be merged into PR https://github.com/Sunagatov/Iced-Latte-Frontend/pull/169, because the forked repository was causing issues with Sonar.