Update Message for Mismatched Product Search Across Tabs
Description
Currently, when a user searches for a product in the Pending tab that has already been counted, or in the Counted tab for an item still pending for count, the message "Scanned item is not present in the count" is displayed. This can be misleading, as the item is present but in a different tab. To improve clarity and guide the user appropriately, the displayed message should be updated to indicate the item's actual status and location.
Proposed Enhancement
If the item is already counted and the user searches in the Pending tab: "Scanned item has already been counted. Please check the Counted tab." If the item is pending for count and the user searches in the Counted tab: "Scanned item is pending for count. Please check the Pending tab."
User should see which tab the search result is in through a badge kind of UI
Couple of changes here. First of all, when entering a value into the search bar and clicking enter, the text should be selected rather than removed from the input field. This will allow both the current behavior of directly scanning the next item as well as letting the user see what they just scanned. Ex:
Second, if the searched product is not in the selected view but is in another segment, we should highlight the segment where the searched SKU is found
To highlight the segment, we'll add a small highlight under the segment where the data is located. The "all items" segment will always be highlighted but not in primary but in medium color for search results assuming that any search items will also be found on that page so we don't really need to highlight it separately.