conda-incubator / conda-store-ui

conda-store-ui is a frontend for conda-store powered by react
https://conda-incubator.github.io/conda-store-ui/
BSD 3-Clause "New" or "Revised" License
13 stars 18 forks source link

[ENH] - Improve package version selector #309

Closed nkaretnikov closed 11 months ago

nkaretnikov commented 11 months ago

Feature description

Proposal: allow to add package name and version without scrolling.

Example: I want to add "python". The expectation is that I'll scroll and find it, but there're too many matches. The only way to add it is to go to raw YAML, but it'll erase all your changes if those are not saved. Not practical.

Ideal workflow: I type "python", it shows the selector, but I can still add it (by keeping it as is and moving focus to the version field) and specify its version. When I switch to the version field, it should pull actual "python" versions, what I specified in the first field. The same for version: in case there are too many versions, I should be able to just type it in the new UI, but also be able to select from the list.

Also: when I mistype something, it should be visually clear. For instance, text highlighted in red immediately. Not sure if red is the best color for this. Colors need to be chosen with a11y in mind.

Value and/or benefit

Improved UX.

Anything else?

No response

trallard commented 11 months ago

This is hugely overlapped with #126 and already in line with other workflow and UI related tasks in flight. Closing as duplicate but will move some of the details to the other workflow issues.