Global search bar

[mihaisc]

Handles #665
Highly WIP. Functionality is sort of there.

What search pattern should we follow?

A. Easier way, like amazon

B. More design work (on mobile)

Bonus feature : search should trigger on 'enter'

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/oceanprotocol/market/B3dsQKSuFNiQm3AXkHz2BnLpCMd8
✅ Preview: https://market-git-feature-665-globalsearchbar-oceanprotocol.vercel.app

[kremalicious]

B would be so nice but that's a lot to refactor I guess. So from behavior standpoint would go with A, but visually combine the two where the search field starts collapsed as search icon button only, and as viewport gets bigger search field can become more visible like Rarible does. On mobile the search field upon interaction can still take over the whole bar on top of other elements, but then searching still only happens when user hits enter.

But then we need to make sure when user arrives on search page that searchbar is open by default

[mihaisc]

I think you managed to design a more complicated way 😆. Ok i'll try to get in in a place where just UI changes are needed

[mihaisc]

draft 1 fullscreen

and it actually scales , until a point

[mihaisc]

Some more work needed on the button and behaviour

[mihaisc]

Needs more testing and the button interactions not that great.

[mihaisc]

There are bugs when searching by owner or tags (when you click on owner or tag in asset details) that will be fixed once we merge main in the multinetwork branch.
The button still needs some UI tweaks but it's beyond me

[jamiehewitt15]

The styling is good. Only one small thing I would suggest is there should be more padding on the right of the History link.

So it changes from this:

To this:

[jamiehewitt15]

It terms of the search functionality, I'm noticing a couple issues which I thought we had solved in: #641

• The results don't include a partial match. For example, if you search "data union" you'll find that "dataunion.app" doesn't appear in the results
• Searching with a trailing space effects the search results.

[mihaisc]

@jamiehewitt15 search fixes were not merged, so basically this is the old search with multiple bugs. Those will be merged in the multinetwork branch.
I'll add some padding where you suggested

[mihaisc]

Main is now merged.

The results don't include a partial match. For example, if you search "data union" you'll find that "dataunion.app" doesn't appear in the results

This was not fixed, requires more work, it's a bit more complicated.

[jamiehewitt15]

The functionality and styling look good to me. I just added a couple of minor comments on the code

[mihaisc]

Removed comments, should be ok now

[jamiehewitt15]

Looks good, I have approved