Update the meta search section with the new design

[fcoveram]

Problem

The current meta search area in search results does not follow the redesign.

Description

We need to update the section with the design made on the mockups.

Desktop version

Mobile version

[dhruvkb]

Currently we have two ways in which the meta-search feature is reached.

• a search has zero results

• below the load more button of the search results

@panchovm does this redesign only affect the second appearance?

[fcoveram]

Yes @dhruvkb, only the second appearance. Although I would pause this work until we have a decision regarding keeping using the term "Additional."

[dhruvkb]

Good call @panchovm. I'll triage this issue as blocked for now.

[obulat]

@panchovm, we have already decided on renaming the feature to "External sources". Can we update the status of this issue?

Currently, meta search section uses a popover on all layouts: desktop and mobile, the bottom of the search results and the page shown when nothing could be found:

Desktop

Mobile

"Nothing found" page

From the comments on this issue, I understand we should do the following:

1. Use a modal for the mobile source selector instead of a Popover.
2. Use a button row for the list of external sources on the "Nothing found" page.

Is this correct, is there anything we need to add?

[fcoveram]

You are right @obulat, the term no longer blocks the ticket.

Although this issue only covers point 1 in the way you describe it. For point 2, I think we do not have the ticket requesting the update or the mockup.

[obulat]

I've updated the issue to only include the mobile fix; #1999 will cover the changes necessary for "No results" page.