We would like to add an auto-complete type enhancement to the tag inputs during the market creation process, to encourage users to centralize on popular tags people have been choosing. Every market has up to 3 tags, the auto-complete for the first tag input, should use a list generated from the first tag of the markets sorted by popularity and filtered down as they type characters, the second tag input from the second tag in markets, etc. The ideal situation is for users to be encouraged to create hierarchical structures like:
Tag1
Tag2
Football
Soccer
Tennis
etc.
We can't force any of this, so the inputs still have to be free-form and allow any input, but we do want to try to encourage it.
To accomplish this in the UI:
- display tags horizontally so that the drop-down doesn't interfere with the next tags
- add props that represent each list (need 3 lists here, one for each tier of tag (ie tag1Popular, tag2Popular, tag3Popular)
- display the lists under each tag as they type, items should be clickable to select, try to use regular html and not introduce a 3rd party auto-complete component
- try to generalize the auto-complete component like we did for DropDown so we can re-use it
The rest of the logic will be handled in augur repo.
We would like to add an auto-complete type enhancement to the tag inputs during the market creation process, to encourage users to centralize on popular tags people have been choosing. Every market has up to 3 tags, the auto-complete for the first tag input, should use a list generated from the first tag of the markets sorted by popularity and filtered down as they type characters, the second tag input from the second tag in markets, etc. The ideal situation is for users to be encouraged to create hierarchical structures like:
Tag1
Tag2
We can't force any of this, so the inputs still have to be free-form and allow any input, but we do want to try to encourage it.
To accomplish this in the UI:
The rest of the logic will be handled in augur repo.