Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Wally frontend search updates #55

Merged
merged 38 commits into from
Nov 10, 2021
Merged

Wally frontend search updates #55

merged 38 commits into from
Nov 10, 2021

Conversation

RileyAbr
Copy link
Member

@RileyAbr RileyAbr commented Nov 8, 2021

This PR updates the Wally registry website to upgrade how packages can be searched. This update features a new search bar (powered by react-select) that enables users to search through packages without leaving whatever page they are on. It consists of a search box, drop-down menu of options, and removes the necessity to navigate to a separate search results page.

This update also fixes the search bar's sizing issues on mobile devices.

Closes #51

RileyAbr and others added 30 commits October 1, 2021 16:16
* Delete glyph.svg

* Update packages

* Add copy icon

* Route Search and Package pages

* Update theme.css

* Update packageMocks data

* Make Code component easier to read

* Reimplement Package oriented pages

* Generate icon font files

* Update Package copy button to support longer names

* Update PackageTag to support modular options across pages

* Add Realm tag to Package Metadata

* Modify PackageTag display name

* Style links to exterior sites on Package page

* Add capitalize string manipulation function

* Shift homepage to new hand-picked popular packages

* Rewrite PackageTag to support indivisible spacer elements

* Add a few more popular packages

* Integrate Wally backend repo API

* Update Package page to use Wally api

* Update Search page to use Wally api

* Clean up testing functions

* Clean out redundant code snippets

* Shift frequently used Wally interfaces to central file

* Create utils folder for one-off helper functions

* Add doc comments to Wally Api functions

* Remove metadata field that isn't implemented in the Api yet

* Fill out better mock-ups of popular Wally packages

* Visual tweaks on the PackageTag presentation
* Add Wally Api error handling across Package and Search pages

* De-chonk several pages for mobile responsiveness
* Add Wally Api error handling across Package and Search pages

* De-chonk several pages for mobile responsiveness

* Update Header search bar to adapt to small screen sizes

* Improve sizing across spectrum of mobile-tablet in-between sizes

* Integrate react-select powered nav search bar with previews

* Update Package page to refresh with new search mechanism

* Remove old-style Search components

* Remove testing timeout

* Fix media queries for the navbar with the new search

* Add custom theming to match Wally aesthetic
@RileyAbr RileyAbr added the registry website This issue is related to the registry website label Nov 8, 2021
@RileyAbr RileyAbr self-assigned this Nov 8, 2021
@magnalite magnalite changed the base branch from main to initial-api-for-frontend-info November 9, 2021 16:17
Base automatically changed from initial-api-for-frontend-info to main November 10, 2021 18:17
@magnalite magnalite merged commit 36142ef into main Nov 10, 2021
@magnalite magnalite deleted the wall-frontend-search-updates branch November 10, 2021 18:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
registry website This issue is related to the registry website
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Custom mobile search bar
2 participants