Skip to content
This repository has been archived by the owner on Jun 2, 2022. It is now read-only.

[FSSS-170] Chore: tweaks search page #293

Merged
merged 7 commits into from
Feb 3, 2022
Merged

Conversation

eduardoformiga
Copy link
Member

@eduardoformiga eduardoformiga commented Jan 31, 2022

What's the purpose of this pull request?

Makes the Search page looks like the PLP so far.

Question: The search page is without any <h1> tag, should we add it someplace?
We decided to keep the <h1>, but use the SROnly (Screen Reader Only) component.

How to test it?

https://preview-293--base.preview.vtex.app/s/?q=shirt&sort=score_desc&page=0

@netlify
Copy link

netlify bot commented Jan 31, 2022

✔️ Deploy Preview for basestore ready!

🔨 Explore the source changes: 5aaef94

🔍 Inspect the deploy log: https://app.netlify.com/sites/basestore/deploys/61f86c8a20dacf00086a413a

😎 Browse the preview: https://deploy-preview-293--basestore.netlify.app

@vtex-sites
Copy link

vtex-sites bot commented Jan 31, 2022

Preview is ready

This pull request generated a Preview

👀   Preview: https://preview-293--base.preview.vtex.app
🔬   Go deeper by inspecting the Build Logs
📝   based on commit 3aaade0

@eduardoformiga eduardoformiga added the question Further information is requested label Jan 31, 2022
@eduardoformiga eduardoformiga requested review from a team and removed request for a team January 31, 2022 22:33
@eduardoformiga eduardoformiga marked this pull request as draft January 31, 2022 22:42
@gatsby-cloud
Copy link

gatsby-cloud bot commented Jan 31, 2022

Gatsby Cloud Build Report

basestore

🎉 Your build was successful! See the Deploy preview here.

Build Details

View the build logs here.

🕐 Build time: 3m

Performance

Lighthouse report

Metric Score
Performance 🔶 59
Accessibility 💚 100
Best Practices 💚 100
SEO 💚 93

🔗 View full report

@gatsby-cloud
Copy link

gatsby-cloud bot commented Jan 31, 2022

Gatsby Cloud Build Report

basestore

🎉 Your build was successful! See the Deploy preview here.

Build Details

View the build logs here.

🕐 Build time: 3m

Performance

Lighthouse report

Metric Score
Performance 🔶 63
Accessibility 💚 100
Best Practices 💚 100
SEO 💚 93

🔗 View full report

@eduardoformiga eduardoformiga added depends on This PR depends on other PR and removed depends on This PR depends on other PR labels Jan 31, 2022
@eduardoformiga eduardoformiga marked this pull request as ready for review January 31, 2022 23:29
@eduardoformiga eduardoformiga requested a review from a team January 31, 2022 23:30
Copy link
Contributor

@filipewl filipewl left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

Unfortunately, I have no clue how we can decrease the TTI. :(

@eduardoformiga eduardoformiga changed the base branch from master to develop February 3, 2022 00:33
@eduardoformiga eduardoformiga requested a review from a team February 3, 2022 14:46
@eduardoformiga eduardoformiga removed the question Further information is requested label Feb 3, 2022
@hellofanny hellofanny self-requested a review February 3, 2022 16:23
}

function SROnly({ text }: Props) {
return <span data-store-sr-only>{text}</span>
function SROnly({ text, as }: Props) {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In the future we can rename it to a more generic meaning to cover this case (when we need to hide information but not necessary related to screen reader only) 👍

Copy link
Contributor

@hellofanny hellofanny left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice job! 🤩

@eduardoformiga eduardoformiga merged commit b866a61 into develop Feb 3, 2022
@eduardoformiga eduardoformiga deleted the feat/style-search-page branch February 3, 2022 16:30
@renatamottam renatamottam mentioned this pull request Feb 7, 2022
danzanzini pushed a commit that referenced this pull request Feb 7, 2022
* Removes unused title

* Extracts css from product-gallery section

* Tweaks SROnly component

* Adds SROnly h1 title to search page

* Fixes typo
danzanzini pushed a commit that referenced this pull request Feb 7, 2022
* Removes unused title

* Extracts css from product-gallery section

* Tweaks SROnly component

* Adds SROnly h1 title to search page

* Fixes typo
@renatamottam renatamottam mentioned this pull request Feb 8, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants