New SearchBar Behavior

[Albermonte]

The previous SearchBar showed some strange behavior when the viewport was small but not small enough to trigger the mobile view, resulting in the SearchBar being too small.

A few changes have been made to improve this:

• Changed the Cashlink Button design
• Min width for SearchBar + new extended behavior

Cashlink Button

The new cashlink button consist in a circle with a dot notification for the amount of pending cashlinks.

New SearchBar Behavior

The search bar is collapsed and displays Search transactions when it's not being used (i.e., not focused or no text entered).

When is being used, it will take all the remaining space and the placeholder will change to Search transactions by contact, address, etc. if there's enough space.

An X button has been added for clearing the input and collapsing the bar. Its behavior is as follows:

• The bar won't be auto-collapses if active, only if cleared/closed.
• Clearing while focussed will not close it, clearing while not focussed will close/collapse it.

You can also watch a video preview here

If there's not enough space for the bar to be clearly visible, it will extend, taking up the send and receive button space

Lastly, before the search bar didn't have a minimun width (can be seen in the first screenshot). Now it will look like a button and take the full width when clicked on it