5sControl / 5sControl/5s-frontend

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

Aperta
#947 0 commenti 0 reazioni 1 assegnatario Assegnata a @kirilbaskakov Vedi su GitHub
ESMIL Front QA done Stage ready v. 0.8.1
Lingua principale
TypeScript
Stelle
3
Fork
1
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

Каждый 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

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

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.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
react, typescript
Ambito
frontend
Tipo di issue
Funzionalità
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
45/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.