Dop 3786: updating no search results modal

[bianca-laube]

Stories/Links:

DOP-3786

Current Behavior:

https://www.mongodb.com/docs/search/?q=%22failed%20to%20find%20a%20plan%22*

Staging Links:

https://docs-mongodb-org-stg.s3.us-east-2.amazonaws.com/master/landing/bianca.laube/DOP-3786/search/index.html?q=%22failed%20to%20find%20a%20plan%22*

Notes:

Changes

The four different states for empty/no results search (and what to look for when testing)
confirmed by Iz

1. Empty search input from the top nav search bar

   • PROD
     https://www.mongodb.com/docs/search/?q=
     

   • NEW UI (we don't want the modal to show)
     https://docs-mongodb-org-stg.s3.us-east-2.amazonaws.com/master/landing/bianca.laube/DOP-3786/search/index.html?q=
     

2. Empty search input from persistent search bar

   • if after they input something from the top nav search and they delete it in the persistent search bar and then hit enter, it should show the no results module and not null

3. Non-empty search input but no search results
- should show no results module

4. Non-empty search input but when filter selected, no results
- should show no results module

• everything else should work correctly as before
• when feature flag is false, prod should work the exact same as before

[seungpark]

seeing a pending loading screen when entering /search page https://docs-mongodb-org-stg.s3.us-east-2.amazonaws.com/master/landing/bianca.laube/DOP-3786/search/index.html

seems to be stemming from searchResults changes atm

[seungpark]

what is the expected behavior when landing on search page? from figma, i am seeing just the title and the search bar:

but on branch, i am seeing the filters and the result count:

if this is out of scope, please link the ticket that will address this issue.
also for case 2, (user deletes input and hit enter) should this result in a "no search results"? google search does not allow for empty input, and results in nothing happening on UI end if no input

[rayangler]

LGTM!

[seungpark]

this LGTM. thanks for cleaning it up!