Show If Investors are Hidden in Search Because They're Already On Your Board

JoshFundBoard commented 3 years ago

If investors don't appear in search because they're already on your board, it can be confusing. Show an indicator that "X investors hidden because they're already on your FundBoard" or something similar when this happens.

JoshFundBoard commented 3 years ago

Show if Investors are Hidden in Search - Step 1: Wireframes

JoshFundBoard commented 3 years ago

Some recommendations for how to handle this:

Create a state to track whether investors on your FundBoard should be shown or not.
On line 57 of pages/search/Search.js add some logic based on the state, something like: const searchResults = showOnBoard ? rawResults : rawResults.filter(s => !investorIds.includes(s.uuid));
In the render where it does searchResults.map, set a onBoard property in the personProps based on investorIds.includes(r.uuid) and in the Person component show the "Already on your FundBoard" message if it's true.

That's my initial thought on how to approach this, by all means take that as inspiration not dictation!

JoshFundBoard commented 3 years ago

My vote is to use this design https://xd.adobe.com/view/7df30293-d287-4436-8b31-b3758f117b63-28a0/

FundBoardCo / Hamilton

Show If Investors are Hidden in Search Because They're Already On Your Board #127