Giveth / giveth-gatsby

Giveth 2.0 implementation in GatsbyJS
GNU General Public License v3.0
24 stars 14 forks source link

Add "search" function to projects page. Also "Filter" and "Sort" #645

Closed laurenluz closed 3 years ago

laurenluz commented 3 years ago

📋 Anything to add?

As a user, would be really useful to search for a particular project

Related: would be amazing to allow the user to "filter" or "sort" projects (e.g. by date added, number of likes, number of donations, category, etc.)

This is related to these issues about filtering and sorting: #591 #635

⏰ Urgency/Deadline/Blockers?

Nice to have

❓ Why is it important?

As it is now, on staging with only 25 projects it's already pretty tedious to scroll and hit "see more project" over and over to find the one I want to donate too.

🔗 Work doc - inspirational links

positonic commented 3 years ago

https://github.com/Giveth/giveth-2/issues/31

divine-comedian commented 3 years ago

Looking really good at the base level it seems to work as intended. Some Feeback - @mateodaza

In the category list it would be good to have a side scroll bar on the list itself. I have to actually scroll down the whole page to view the list.

image

Also - I would avoid mentioning 'Quality Score' until we have the criteria set and documented somewhere publicly @jamespfarrell thoughts?

lastly, the font in the search bar is different than the font in the other text fields -for example the profile text input fields.

difffontsgiveth

mateodaza commented 3 years ago

awesome feedback, makes all sense

divine-comedian commented 3 years ago

We have scroll bars! The font looks fixed and we changed our wording to 'Default' instead of 'Quality Score'. This works fantastic, nice job Mateo!

image

Danibelle commented 3 years ago

I have been testing the sort and filter on both staging and prod, finding these issues on both: https://github.com/Giveth/giveth-2/issues/749 https://github.com/Giveth/giveth-2/issues/750