fix: searching # returns to homepage

[mintbomb27]

Related Issue

74

Description

Before, searching "#" would lead back to the homePage, and searching "&" would lead the rest of the query to disappear. The same issue was there for suggested searches as well. Now, the URL query is encoded, and leads to give the proper search results, as well as suggestions.

Search Results: Couldn't show the search results as I wasn't able to get the API up, because of missing env keys. Before:

After:

Search Suggestions: Before:

After:

Impacted Areas in Application

searchBar.tsx for the search suggestions, and _utils.tsx containing the queryNoWitheSpace() function.

Steps to Test or Reproduce

Search for something containing #, or even &.

Related PRs

None

---

PR Checklist:

• [x] My code follows the style guidelines of this project and I have double check my own code
• [x] I have made corresponding changes to the documentation, if any
• [x] My changes generate no new warnings
• [x] I have added tests that prove my fix is effective or that my feature works
• [x] I have run npm run test and be sure all test pass
• [x] I have run npm run build:dev and be sure no error blovk the build
• [x] I have test locally that everything run as expected
• [x] I have properly fill in the PR template
• [x] I have ask for reviews

[gsambrotta]

Thank you @mintbomb27 for your PR!! that's very helpful! I checked with real API and everything works great. :tada:

Btw, you can see here https://github.com/ElliotForWater/elliotforwater.com/wiki/1.-Set-up-and-usage how to mock API and our CMS. No need to have API env key :)

[gsambrotta]

@mintbomb27 we would like to mention you on our twitter to officially thank your contribution. Do you have twitter handler?

[mintbomb27]

Hey yeah sure! Its mintbomb27. This was my first open source contribution and thanks a lot for accepting it!