ethantspitt
commented
1 month ago UX Review completed for:
- Search result dropdown
- Affiliation using the name of a proprietor or partner
- Adding a name request
The following flows remain untested as the user flow is not completed for testing:
-
Confirming authorization via a registered office email address (showing error)
-
Requesting authorization from an account currently managing the business Example screen:
https://app.zenhub.com/workspaces/connect-6690070c1ee5ec09f20a0ec1/issues/gh/bcgov/entity/22572
Search result drop down - for both business search and NR search
[x] Align the business look up input field states (default, focus, input)
[x] search dropdown: top align the text if business name has more than 1 line
[x] For hover state, text colour should be #1669BB
[x] When a business is already added to a list, show 'Added' status. Added business is not clickable. Text colour #2E7D32
[x] Adjust font colour when there's no search result
Modal layout in general
[x] Align modal padding, spacing and button size with existing component
[x] Fix font colour and size same as existing modal component and left align with other modal elements
[x] the close icon is focused at default, remove the focus state
State when new item added to the list
[ ] Toast message styling, corner radium = 4px
[x] Highlight effect when a new item is aded to the list
Affiliation using a name of proprietor or partner
[x] left align the title and add an indent to input field help text.
[x] align font colour with existing modal style
[x] Update the Invalid Proprietor Modal Component Spec in Figma: Link
Adding a Name Request
[x] Top align search result drop down result (same as above)
[x] Use the same modal layout for adding a business
[x] Update font colour
[x] Input error should use red colour #D3272C
[x] Update error modal layout (Figma Link)
[x] Highlight effect when new item added to the list
[x] Missing sentence on the remove modal. Update text and update modal layout to sync with existing modals: [Figma Link]