We intend to modify the search functionality in the new MFE such that:

All searches are initiated from the search bar located next to the Add Post button.
Search button searches:
1. In post title and content when All Posts and My Posts tab is selected.
2. In topics when Topcis tab is selected.
3. In usernames when Learners tab is selected.

Searching content

The following behaviour is illustrated for when All Posts and My Posts tab is selected.

Action	Mockup
Default view of `All Posts` or `My Posts` tab.
User enters a string in search bar.
User clicks the search icon in search bar.
Search info bar appears on top of list pane. Posts filter bar and post summaries are pushed below the search info bar. Search info bar shows the number of search results and the search string. “Clear results” option can be used to clear search results and return to default state of view in `All posts` or `My posts` tab. Filter bar shall remain available.
All filtering/sorting in filter bar will be done on frontend. This is supported by legacy as well.	Legacy view:
Warping long search strings.

Searching topics

The following behaviour is illustrated for when Topics tab is selected.

Actions	Mockup

User enters the search string in search bar.
Search info bar appears on top of list pane. Topic lists or post summaries are pushed below the search info bar. Search info bar shows the number of search results and the search string. “Clear results” option can be used to clear search results and return to default state of view in `Topics` tab.
Will we search 3rd level of hierarchy? How will those results be rendered?

The following behaviour is illustrated for when Learners tab is selected.

Actions	Mockup

Search bar will still search learners even if a learner is already selected.