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

Feat: adds tokens to Footer #155

Merged
merged 27 commits into from
Jul 11, 2022
Merged

Feat: adds tokens to Footer #155

merged 27 commits into from
Jul 11, 2022

Conversation

renatamottam
Copy link
Collaborator

@renatamottam renatamottam commented Jul 4, 2022

What's the purpose of this pull request?

This PR applies the new Theming structure to Footer: new scoped tokens linked to global ones.

It also updates Incentives doc and add CSS Modules to it.

How does it work?

This PR uses local variables to parameterize the Footer properties, then connects these scoped tokens to the global ones.

As de majority of Footer's styles are grid related, I chose to focus only on what would someone change to make a custom footer.

Tokens list can be visualized in the Storybook.

How to test it?

  • The Footer component and its related components should look just as it was before these changes.
  • You can check the story on Storybook.

Screen Shot 2022-07-05 at 17 19 03

Checklist

Changelog

  • Added an entry in the CHANGELOG.md at the beginning of its due section. The latest version should comes first.
  • Added the PR number with the PR link at the entry in the CHANGELOG.md. E.g., New items in the pull_request_template.md (#4)

PR Description

  • Added a label according to the PR goal - Breaking change, Enhancement, Bug or Chore.
  • Added the component, hook, or pathname in-between backticks (``) - If applicable. E.g., ComponentName component.

Documentation

  • PR description
  • Added to/Updated the Storybook - if applicable.

@renatamottam renatamottam added Documentation Improvements or additions to documentation Features New feature or request labels Jul 4, 2022
@renatamottam renatamottam self-assigned this Jul 4, 2022
@vercel
Copy link

vercel bot commented Jul 4, 2022

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated
nextjs-store-storybook ✅ Ready (Inspect) Visit Preview Jul 11, 2022 at 5:36PM (UTC)

@vtex-sites
Copy link

vtex-sites bot commented Jul 4, 2022

Preview is ready

This pull request generated a Preview

👀   Preview: https://sfj-d301101--nextjs.preview.vtex.app
🔬   Go deeper by inspecting the Build Logs
📝   based on commit d301101

@vtex-sites
Copy link

vtex-sites bot commented Jul 4, 2022

Lighthouse Reports

Here are the Lighthouse reports of this Pull Request

📝 Based on commit d301101

Lighthouse Report by page
📎   /
📎   /apple-magic-mouse/p
📎   /office

@vercel vercel bot temporarily deployed to Preview July 4, 2022 20:41 Inactive
@vercel vercel bot temporarily deployed to Preview July 4, 2022 20:43 Inactive
@renatamottam renatamottam marked this pull request as ready for review July 5, 2022 20:13
@vercel vercel bot temporarily deployed to Preview July 5, 2022 20:17 Inactive
@vercel vercel bot temporarily deployed to Preview July 6, 2022 13:59 Inactive
Copy link
Member

@eduardoformiga eduardoformiga left a comment

Choose a reason for hiding this comment

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

Good Job! ✨ ✨

I noticed some discrepancies comparing with https://nextjs.vtex.app/
fDyc2YEEV3

Is that intentional?

I left some comments along the review, and I'm also in doubt if makes sense to use local tokens in some margin/padding values. So it's up to you hahah

src/components/common/Footer/Footer.stories.mdx Outdated Show resolved Hide resolved
src/components/common/Footer/Footer.stories.mdx Outdated Show resolved Hide resolved
src/components/common/Footer/footer.module.scss Outdated Show resolved Hide resolved
src/components/common/Footer/footer.module.scss Outdated Show resolved Hide resolved
src/components/common/Footer/footer.module.scss Outdated Show resolved Hide resolved
src/components/sections/Incentives/Incentives.stories.mdx Outdated Show resolved Hide resolved
src/components/sections/Incentives/Incentives.stories.mdx Outdated Show resolved Hide resolved
Renata Motta and others added 2 commits July 6, 2022 19:03
Co-authored-by: Eduardo Formiga <[email protected]>
Co-authored-by: Eduardo Formiga <[email protected]>
@vercel vercel bot temporarily deployed to Preview July 6, 2022 22:07 Inactive
Copy link
Member

@eduardoformiga eduardoformiga left a comment

Choose a reason for hiding this comment

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

Good job!

@vercel vercel bot temporarily deployed to Preview July 7, 2022 17:53 Inactive
@vercel vercel bot temporarily deployed to Preview July 8, 2022 12:48 Inactive
Copy link
Contributor

@ArthurTriis1 ArthurTriis1 left a comment

Choose a reason for hiding this comment

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

LGTM!

src/components/common/Footer/Footer.tsx Outdated Show resolved Hide resolved
src/components/sections/Incentives/incentivesMock.js Outdated Show resolved Hide resolved
@vercel vercel bot temporarily deployed to Preview July 8, 2022 17:56 Inactive
@vercel vercel bot temporarily deployed to Preview July 11, 2022 14:15 Inactive
@vercel vercel bot temporarily deployed to Preview July 11, 2022 14:42 Inactive
@vercel vercel bot temporarily deployed to Preview July 11, 2022 17:24 Inactive
@vercel vercel bot temporarily deployed to Preview July 11, 2022 17:29 Inactive
@vercel vercel bot temporarily deployed to Preview July 11, 2022 17:36 Inactive
@renatamottam renatamottam merged commit d301101 into main Jul 11, 2022
@renatamottam renatamottam deleted the feat/theming-footer-fsss-376 branch July 11, 2022 21:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Documentation Improvements or additions to documentation Features New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants