I'm looking to add an option in the DISPATCHED page- against the line item- for all items having 'generic' label- rename to 'Generic-Tag Open'
When user clicks on Tag SKU- open a pop up with search bar where user can search and tag the item- name the search bar as 'Tag Fulfilled SKU'
Once tagged user has option to 'save' or 'cancel'
user should also have option to untag the item and make it blanked again
if user has tagged a fuliflled sku then the 'Generic-Tag Open' will move to 'Generic-Tagged' and turn green background
Now let me check what UI components are available for the popup:
Good, I have dialog.tsx, input.tsx, badge.tsx, button.tsx all available. Now I'll rewrite the dispatched stage component with the tag SKU functionality:
The Dispatched stage now shows "Generic - Tag Open" (amber) on all generic line items. Clicking the badge or the "Tag SKU" link opens a "Tag Fulfilled SKU" dialog with a searchable catalog of real SKUs -- the user selects one via radio button and hits Save. Once tagged, the badge turns to "Generic - Tagged" with a green background, and the tagged SKU details appear in a green info bar with an X button to untag and revert to "Tag Open" state.
no need to show another CTA of 'Tag SKU' - just add tag icon near 'Tag Open'
Once the pop up opens- dont show default list- just let user search and click on a product
in the pop up show -'fulfilled SKU ' as the id sku selected- then let user click on 'save'
do not show the tagged sku post tagging in the list page
let use click on 'Generic-Tagged' label and check
I have the full file. I need to make these changes:
<sku id>" below the search when user selects one, then Save/CancelHere's what changed in the Dispatched stage:
<sku id>" below the list; then the user clicks Save or Cancel.in the pop up- dont need to show 'Brand' as a column'- just sku id and product name'
Also, can we show generic SKU item details from the list page as 'read only' on the top for reference- name it 'Ordered Generic SKU'
Once tagging is done and user clicks on 'Generic-Tagged' let user untag and search and tag in same pop up- dont close the pop up
You can send messages while the preview loads