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

chore(AppBar): move appbar from brand #3038

Open
wants to merge 7 commits into
base: main
Choose a base branch
from
Open

chore(AppBar): move appbar from brand #3038

wants to merge 7 commits into from

Conversation

dreamwasp
Copy link
Contributor

@dreamwasp dreamwasp commented Feb 13, 2025

Overview

Moves AppBar from Brand to Gamut - first in a project to decouple AppHeader components from business logic

PR Checklist

  • Related to designs:
  • Related to JIRA ticket: [gm-1001]
  • I have run this code to verify it works
  • This PR includes unit tests for the code change
  • This PR includes testing instructions tests for the code change
  • The alpha package of this PR is passing end-to-end tests in all relevant Codecademy repositories

Testing Instructions

  1. Go to the AppBar story (under Headers & Footers)
  2. See it works
  3. Head to Mono + Monolith
  4. See the AppHeaders still work

PR Links and Envs

Repository PR Link PR Env
Monolith Monolith PR Monolith Env
Mono Portal Link Portal Env

Copy link

nx-cloud bot commented Feb 13, 2025

View your CI Pipeline Execution ↗ for commit 23d79f4.


☁️ Nx Cloud last updated this comment at 2025-02-13 21:32:48 UTC

@dreamwasp dreamwasp changed the title move appbar chore(AppBar): move appbar from brand Feb 13, 2025
@codecademydev
Copy link
Collaborator

📬Published Alpha Packages:

@codecademy/[email protected]
@codecademy/[email protected]
@codecademy/[email protected]

@codecademydev
Copy link
Collaborator

🚀 Styleguide deploy preview ready!

https://67ae651f91d51620141fcf1d--gamut-preview.netlify.app

Deploy Logs

@dreamwasp dreamwasp marked this pull request as ready for review February 18, 2025 19:49
@dreamwasp dreamwasp requested a review from a team as a code owner February 18, 2025 19:49
Copy link
Contributor

@LinKCoding LinKCoding left a comment

Choose a reason for hiding this comment

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

There's some leftover brand stuff that I think can be touched up

alignItems="center"
height="100%"
size={wide ? 'wide' : 'medium'}
zIndex={14}
Copy link
Contributor

Choose a reason for hiding this comment

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

This feels like an arbitrary value lol
should it always be 14? should/could this value potentially be set by a prop?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

yeha that makes sense, i'll make it a prop

Comment on lines +28 to +30
<Canvas>
<Story of={AppBarStories.Header} />
</Canvas>
Copy link
Contributor

Choose a reason for hiding this comment

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

For some reason this shows up in the page as the default story —
You can change it: <Canvas of={AppBarStories.Header} /> to get it show properly

It'd also be good to include a playground section below this and maybe format the whole story closer to the other stories we use for gamut's story pages

Copy link
Contributor Author

Choose a reason for hiding this comment

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

yeah i just did a straight copy-paste, i'll fix it more

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants