feat: [M3-6427] - Add No Results section for Marketplace Search

[cpathipa]

Description 📝

Add No Results section for Marketplace Search

Preview 📷

Remove this section or include a screenshot or screen recording of the change

How to test 🧪

• Navigate to Marketplace search
• Search for app that doesn't exists (ex; datadog)
• Should display "No Results" message.

How do I run relevant unit or e2e tests?

• yarn test
• yarn cy:run

[jdamore-linode]

Nice, it works well!

Would it be possible to center the "No Results" text?

Do we need any other input from the UX team as far as wording and design should go?

[mjac0bs]

I'm glad we're doing this! Seconding @jdamore-linode's request to center the text horizontally. And I'm wondering about the overall placement of the text within that container.

Mock (assume actual center alignment):

[cypress]

1 flaky tests on run #3058 ↗︎

0

149

3

0

1

Details:

Update CHANGELOG.md
Project: Cloud Manager E2E	Commit: bd23e1e8a5
Status: Passed	Duration: 15:40 💡
Started: Apr 19, 2023 3:33 PM	Ended: Apr 19, 2023 3:48 PM

  cypress/e2e/domains/smoke-create-domain-records.spec.ts • 1 flaky test

View Output Video

Test		Artifacts
Creates Domains record with Form > Add an A/AAAA Record		Output Screenshots Video

_{This comment has been generated by cypress-bot as a result of this project's GitHub integration settings.}

[cpathipa]

Thank you @jdamore-linode and @mjac0bs thank you for the feedback, I will circle back with UX on this.

[dwiley-akamai]

I also agree with checking on the centered-within-container option

[cpathipa]

Thank you for the feedback. Based on the UX feedback, updated the no results copy and adjusted alignment to center.

[hana-akamai]

Thoughts on left aligning the no results section? The selection cards are left aligned as well as the "no compatible images" text below

Do we also need to include "sorry" in the text?

[mjac0bs]

Nitpicks on copy: I'm wondering if clearer copy might read: "Sorry, no results matched your search for "datadog". Please try another term."

Thought process being:

1. "no [search term] results" sounds kind of strange and is slightly harder to scan as a reader than "no results"
2. telling the user to "please try again" feels misleading because if the user were to try the same action again, the results would be the same. It feels more clear to state what they should actually try to yield different results.

What do others (and UX) think?

[hana-akamai]

@mjac0bs Agreed that "Sorry, no results matched your search for "datadog" sounds clearer. I don't think we even need the second sentence as it's pretty obvious that the user should search for a different term

[jaalah-akamai]

Let's remember to update changelog too 👍

[mjac0bs]

Just a changelog update and this looks like it's good to go.