oss-aspen / 8Knot

Dash app in development to serve open source community visualizations using GitHub data from Augur. Hosted app: https://eightknot.osci.io
MIT License
47 stars 59 forks source link

Reimplementation of Searchbar #630

Open JamesKunstle opened 5 months ago

JamesKunstle commented 5 months ago

The searchbar has always been a bit painful in our app because we drove it with the backend- each key press registered as an HTTP request to the app server, and the updated search results were returned.

In this setup, we send ALL options to the frontend and let the React MultiSelect component handle search for us.

This should minimize the weird search behavior of orgs being duplicated and repos not being entered correctly.

I also took this opportunity to think through how we could reorganize our interfaces to Augur, unpacking the AugurManager object and creating a new MSOptionsHandler object ("MultiSelect Options Handler") that replaces the searchbar features that used to be in the AugurManager.

next step is to handle user groups in this same way, likely with a second, optional multiselect bar that is enabled when the user is logged in.

I'd also like to consider having Repos and Orgs in separate search bars, and discouraging querying for entire orgs by putting orgs behind a dropdown (MOST of the time looking at the entire org isn't necessary).