Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: feeds + search page #474

Merged
merged 18 commits into from
Jun 21, 2024
Merged

feat: feeds + search page #474

merged 18 commits into from
Jun 21, 2024

Conversation

indraneel
Copy link
Contributor

Summary:

This is to close #348.

Navigate to /feeds and type your search query in the search bar.

image

Copy link

Preview Firebase Hosting URL: https://mobility-feeds-dev--pr-474-hqrwqt1t.web.app

return () => {
clearTimeout(timer);
};
}, [searchLimit, searchParams, selectedFeedTypes]);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's add here the login event status. This can remove the need of the timer. Example code:

}, [isAuthenticatedOrAnonymous]);

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I see you added this in main and I merged it in. The timer is needed to prevent search API calls on each keystroke, but this is probably better done by debouncing which I can add.

Copy link
Member

@davidgamez davidgamez Jun 17, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The isAuthenticatedOrAnonymous is needed to avoid calls to the API that returned 403 as no users/anonymous are set at initial page rendering. I got the idea of the timer now, thanks. We were thinking of a different user interaction, but the design will be available for review later this week.

@Alessandro100
Copy link
Contributor

Another usability issue found
Steps

  1. Go on feeds page and do a search
  2. Go to another page and then back to the feeds page
  3. The search bar will be empty, the url query params will be empty, but the previous search results will remain

expected behavior: If there is no search values, there should be no displayed search results

@CLAassistant
Copy link

CLAassistant commented Jun 18, 2024

CLA assistant check
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you all sign our Contributor License Agreement before we can accept your contribution.
1 out of 2 committers have signed the CLA.

✅ davidgamez
❌ Stefan Philip


Stefan Philip seems not to be a GitHub user. You need a GitHub account to be able to sign the CLA. If you have already a GitHub account, please add the email address used for this commit to your account.
You have signed the CLA already but the status is still pending? Let us recheck it.

@emmambd emmambd linked an issue Jun 19, 2024 that may be closed by this pull request
@indraneel
Copy link
Contributor Author

indraneel commented Jun 20, 2024

Reset feeds when navigating away
@Alessandro100 Addressed in this change

Copy link
Contributor

@Alessandro100 Alessandro100 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

looks good!

@Alessandro100
Copy link
Contributor

@stefan-philip would you be able to sign the CLA :)

@indraneel indraneel merged commit 869d5f6 into main Jun 21, 2024
3 of 4 checks passed
@indraneel indraneel deleted the feat/348_feeds-page branch June 21, 2024 15:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Create Feeds page and update navigation Update homepage
4 participants