Filtering uploads using react-select

Submitted by urvashi on Sun, 07/08/2018 - 10:26

In the past few days, I worked on adding a "filter by uploader" feature on the Uploads tab of the Programs & Events Dashboard. It enables a user to view the uploads on the basis of who uploaded them. We can view the uploads made by a specific user or even specific users. To achieve this, I used react-select

React Select

It is a flexible Select Input control for ReactJS with multiselect, autocomplete and ajax support.

Mutiselect

A multiselect allows you to select multiple select options at the same time.

Multiselect working on the dashboard

 

You can checkout more examples here

 

TODO

  • add a more clear message when a selected user has not made any uploads under the program rather than the default "This project has not contributed any images or other media files to Wikimedia Commons" 
  • link the uploads count from the editors page to a preselected filter on the uploads page for the respective user

 

 

Add new comment

Tags