Improve Member Directory Filter 👥

[tomas-salgado]

Issue Reserved for Bloomberg Mentorship Program

Description

On the Directory tab of the Member Profile, we currently have a filter where you can filter through members based on Company, Graduation Year, Hometown, etc. However, to do the filtering you must first press on the filter icon, then select one filter (such as ‘Company’) then select the last filter (such as ‘Amazon’), and finally press ‘Add Filter’. This is a lot of steps, and we’d like to make the interface simpler for a couple of filters. In particular, ‘Company’ and ‘School’ are two filters that particularly relevant, so in addition to the existing filter with other options, we’d like to also have buttons for ‘Company’ and ‘School’ that we can select, see a list of schools/companies, select one of those, and then have the filtered view of members present.

Acceptance Criteria

• Create dropdown elements for ‘School’ and ‘Company’ where, when selected, they will list all the schools or companies. Then, when one of the schools/companies is selected, the view should update to
• Add these dropdown elements to be aligned with the current filter icon
• Remove ‘Company’ and ‘School’ from the existing filter

Additional Context

See how the layout of the directory page is implemented here.

Examine the way the Filter Directory dropdown is implemented in the file here. This will be very useful in understanding how to have a filter that can be applied to modify the other contents on the page (i.e. which members are displayed).

[arelymartinez16]

I’m interested in working on this issue :)

[arelymartinez16]

Update: Gonna start working on it with my mentor today