[Consumer UI Refresh] Hide the Search Input and Display when Touching Magnifying Glass

If you haven’t already, check out our contributing guidelines for onboarding!

---

Deliverables:

• Remove the ChatSwitcherView here and replace it with a touchable magnifying glass icon as the ChatSwitcherView must now be conditionally rendered.
• In the onPress callback for the icon conditionally render the ChatSwitcher view
• Clean up the code so that the isLogoVisible and isClearButtonVisible props are removed from the ChatSwitcherSearchForm component as the logo will never be visible and the clear button will always be visible from now on.
• Remove the logo entirely from here
• Make the clear button always visible by removing this condition here

Magnifying Glass Asset: magnifyingglass.svg.zip

Screenshots:

Here is the current view:

Here is how it should look after (Note: Our design team may have final notes for you):

Note: If this issue is not completed before the Avatar and header are moved above the chat list then the magnifying glass should appear to the left of the avatar. The final view will look like this:

---

Please leave any questions on this issue after accepting our offer.

Upwork Listing: https://www.upwork.com/jobs/~01d448e47c9642e502

[shawnborton]

I think you can just follow the original comment - tapping the search icon will navigate to the page with the search input + results that looks like this:

[UpworkBartkoski]

Done