Add global search bar

[lmcnulty]

Resolves #2346.

I put it in the top-right corner, with an expanding icon. That's where I would generally expect to find such a feature. I agree that we might want to rethink the redundant quick action buttons, but I don't think a search bar would look good in their place.

simplescreenrecorder-2024-05-20_14.59.16.mp4

[cypress]

Passing run #2508 ↗︎

0

485

248

0

0

Details:

Add global search bar
Project: aiid-site	Commit: 122917396a
Status: Passed	Duration: 16:57 💡
Started: May 27, 2024 3:24 PM	Ended: May 27, 2024 3:41 PM

Review all test suite changes for PR #2792 ↗︎

[codecov]

Codecov Report

Attention: Patch coverage is 69.23077% with 4 lines in your changes are missing coverage. Please review.

Project coverage is 86.30%. Comparing base (8131d30) to head (1229173).
Report is 4 commits behind head on staging.

Files	Patch %	Lines
site/gatsby-site/src/components/ui/Header.js	69.23%	3 Missing and 1 partial ⚠️

Additional details and impacted files

@@             Coverage Diff             @@
##           staging    #2792      +/-   ##
===========================================
+ Coverage    86.19%   86.30%   +0.11%     
===========================================
  Files          248      249       +1     
  Lines         8415     8419       +4     
  Branches      2647     2649       +2     
===========================================
+ Hits          7253     7266      +13     
+ Misses        1078     1068      -10     
- Partials        84       85       +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[kepae]

This is very cool. How's it look on mobile? I think I'm not getting the right responsiveness when I activate the menu button -- it doesn't activate under the hover as "clickable" (in the browser) and isn't responding to clicks.

[lmcnulty]

@kepae Now works with or without hover.

If it's in a phone-sized viewport, we just hide it, because if it's already going to be hidden in the menu I figure at the point the user might as well just navigate to the home page or discover page to search.

simplescreenrecorder-2024-05-21_12.25.57.mp4

[kepae]

Merge when ready! And consider taking this as an opportunity to write a "new" playright test?