Search on top of collections v0.9

[exezbcz]

Okay, bit experimental feature is here

• updated figma: collection detail: https://www.figma.com/file/7BWdGiowrvTucpSFLE0kRX/Collection-detail-handoff?node-id=0%3A1&t=QYohhu8Dr8FY0gIV-1

How it works

• so as you can see, there is small tag in the search bar when you open collection

• it shows "collection search" - its there because some collection names are really long and not sure whether cropping their name is a good idea - I will once more consider it in the future

• once you click on the search bar, there is no results dropdown - you are only inputting text and hitting enter

• if you dont want to search on top off collection, once you focus on the searchbar you can hit backspace to remove the tag and you are searching across whole the app

• if you hit enter, breadcrumb is added - It has different color so it stands out

• in figma there is also dark mode version

mobile

• We're disabling this feature for mobile users first since there are some challenges in providing the best user experience for mobile devices.

Feel free to ask!
thanks

[yangwao]

Hopefully we won't break much anything 😅🤞

[yangwao]

This issue is intented for someone who knows our navbar and search bar quite well and can do it well with understanding current codebase.

Inspiration is how newest GH search works, seems best we've found in industry outside web3

[exezbcz]

anyone who likes to break things? 👀

[prachi00]

anyone who likes to break things? 👀 [ ]

[prachi00]

oh is this only for internel team? I do not volunteer then 😅

[yangwao]

Hey @Jarsen136 could you pick up this one ? :)

[kodabot]

ASSIGNED - @Jarsen136 🔒 LOCKED -> Thursday, May 4th 2023, 24:57:49 UTC -> 72 hours