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

[ShadCN] refactor(mdComponents): convert components to ShadCN #13620

Merged

Conversation

TylerAPfledderer
Copy link
Contributor

@TylerAPfledderer TylerAPfledderer commented Aug 10, 2024

Description

Converts components in MdComponents to ShadCN/Tailwind. Also creates a story set.

Closes #13047

Copy link

netlify bot commented Aug 10, 2024

Deploy Preview for ethereumorg canceled.

Name Link
🔨 Latest commit 8bfc8ff
🔍 Latest deploy log https://app.netlify.com/sites/ethereumorg/deploys/66e29fe0c056290008ee7fd2

@TylerAPfledderer TylerAPfledderer marked this pull request as ready for review August 19, 2024 23:37
@github-actions github-actions bot added the tooling 🔧 Changes related to tooling of the project label Aug 21, 2024
Copy link
Member

@pettinarip pettinarip left a comment

Choose a reason for hiding this comment

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

Great job @TylerAPfledderer, I left some comments.

I'm going to check some custom/old colors we use here with Nuno to see if we can replace them with a DS color.

src/components/MdComponents/index.tsx Show resolved Hide resolved
src/components/MdComponents/index.tsx Show resolved Hide resolved
src/components/MdComponents/index.tsx Show resolved Hide resolved
src/components/MdComponents/index.tsx Outdated Show resolved Hide resolved
src/components/MdComponents/index.tsx Show resolved Hide resolved
src/components/MdComponents/index.tsx Outdated Show resolved Hide resolved
src/layouts/Docs.tsx Show resolved Hide resolved
src/layouts/Docs.tsx Outdated Show resolved Hide resolved
src/layouts/Docs.tsx Outdated Show resolved Hide resolved
src/layouts/Tutorial.tsx Outdated Show resolved Hide resolved
export const commonHeadingAttributes = (className: string, id?: string) => ({
id,
className: cn(
"font-bold leading-xs my-8",
Copy link
Member

Choose a reason for hiding this comment

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

We will need this as important to avoid being overridden by the global heading sizes

Suggested change
"font-bold leading-xs my-8",
"font-bold !leading-xs my-8",

Copy link
Contributor Author

@TylerAPfledderer TylerAPfledderer Sep 9, 2024

Choose a reason for hiding this comment

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

@pettinarip doing this will override the leading for smaller screen sizes, such as what is used in the h2 for the Docs layout as discussed above

src/components/MdComponents/index.tsx Show resolved Hide resolved
Copy link
Member

@pettinarip pettinarip left a comment

Choose a reason for hiding this comment

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

@TylerAPfledderer good job! everything looks good from my side.

I will block this PR until #13821 is merged since we want to QA this PR with the latest color changes.

@pettinarip pettinarip added the Status: Blocked 🛑 This is blocked label Sep 10, 2024
@pettinarip pettinarip removed the Status: Blocked 🛑 This is blocked label Sep 11, 2024
Copy link
Member

@pettinarip pettinarip left a comment

Choose a reason for hiding this comment

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

LGTM!

@pettinarip pettinarip merged commit 489eebc into ethereum:dev Sep 12, 2024
6 of 7 checks passed
@TylerAPfledderer TylerAPfledderer deleted the refactor/md-components-to-shadcn branch September 12, 2024 13:00
This was referenced Sep 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
tooling 🔧 Changes related to tooling of the project
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Create stories for MdComponents
2 participants