healthyregions / SDOHPlace

Landing page and data discovery application for SDOH Place Project.
https://sdohplace.org
GNU General Public License v3.0
1 stars 1 forks source link

#238: Update the search box to match the new design #286

Closed pengyin-shan closed 2 months ago

pengyin-shan commented 2 months ago

This PR is for #238. It updates the search box to match the new design and adds a "close" button that allows users to reset the search while typing. Note that the auto-complete is not working because /suggest? does not return any results at the moment. The Info icon is currently kept as a "/#" link until the corresponding page is designed.

How to Test

  1. Navigate to the search page and type anything in the search box.

  2. You should notice an "X" button appears:

    Screenshot 2024-09-04 at 9 58 03 AM
  3. Click this button, and you should see all search input cleared.

  4. Try adding a few spatial resolution filters and then perform a search.

    Screenshot 2024-09-04 at 9 58 42 AM
  5. Now click the "X" button again. You should see that the filters are maintained, but the result list is refreshed by removing the query.

    Screenshot 2024-09-04 at 9 58 55 AM
  6. Enter something in the search box, perform the search, and then paste the URL into another window. You should see the close button is still present in the search box in the new window.

netlify[bot] commented 2 months ago

Deploy Preview for cheerful-treacle-913a24 ready!

Name Link
Latest commit 4bb52925009e19b5d1b9ed869d58c01ebd2a6568
Latest deploy log https://app.netlify.com/sites/cheerful-treacle-913a24/deploys/66d87b9fd1dd5d00086c367b
Deploy Preview https://deploy-preview-286--cheerful-treacle-913a24.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.