5sControl / 5sControl/5s-frontend

[3h] Add "Products" field to the Order card

Open
#947 0 comments 0 reactions 1 assignee Assigned to @kirilbaskakov View on GitHub
ESMIL Front QA done Stage ready v. 0.8.1
Dominant language
TypeScript
Stars
3
Forks
1
PR merge metrics
No merged PRs in 30d

Description

Каждый qr-код содержит информацию не только о заказе, но и об изделии, для которого совершается операция

Image

Теперь смотрим на карточку заказа.
Из существующих компонентов надо добавить поле с названием "Изделие" (там все должно динамически добавляться).
при нажатии на это поле открывается окно со списком изделий.
Список изделий в первой версии должен пополняться автоматически при сканировании рабочим qr кода. Не забудь про сверку, не добавлено ли уже изделие с таким именем.
Список пока будет носить только информационный характер. Без доп логики.

[link to figma](https://www.figma.com/design/7PTqm3vtxpG2u8TyamowMB/%D0%A1%D0%BF%D1%80%D0%B0%D0%B2%D0%BE%D1%87%D0%BD%D0%B8%D0%BA%D0%B8?node-id=40001277-21410&t=p18uh9wTKHLZDYSB-1)

Image

Image

Contributor guide

Open the contributing guide

Research direction

The issue is about adding a 'Products' field to an Order card component. The Figma link provides the design. Look for existing order card components in the frontend codebase. The field should open a modal with a list of products. Products are to be added automatically when a worker scans a QR code; need to check for duplicates. Start by finding where QR scanning data is processed and how product lists are currently managed. The linked pull request #975 is merged, so check its changes to understand the implementation.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.