Skip to content

refactor/feat(ui): ui/card and ui/tag component refactors#17109

Merged
wackerow merged 9 commits into
devfrom
card-component-refactors
Jan 19, 2026
Merged

refactor/feat(ui): ui/card and ui/tag component refactors#17109
wackerow merged 9 commits into
devfrom
card-component-refactors

Conversation

@wackerow
Copy link
Copy Markdown
Member

Description

  • Refactors for general ui/card and ui/tag components
  • Fixes: tailwind class string interpolation
  • Adds: ui/tag TagsInlineText component
  • Refactors: ui/card components, consolidating CardDescription, CardHighlight and CardSubTitle into single CardParagraph component with cva variants
  • General cleanup for other "card" components/sub-components

Related Issue

In preparation for new /developers/apps pages

- fix: tailwind class mapping
- deprecate: unused forceLightMode
- Consolidate CardDescription, CardHighlight and CardSubTitle into single CardParagraph component with cva variants
- Update usage of components throughout repo
- Add thumbnail variant for CardBanner
- Add base variant for CardParagraph
Refactor existing usage of joining " · " to use standardized component
@netlify
Copy link
Copy Markdown

netlify Bot commented Jan 19, 2026

Deploy Preview for ethereumorg ready!

Name Link
🔨 Latest commit 345315d
🔍 Latest deploy log https://app.netlify.com/projects/ethereumorg/deploys/696e705dfe033c00084d493f
😎 Deploy Preview https://deploy-preview-17109.ethereum.it
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
7 paths audited
Performance: 56 (🟢 up 3 from production)
Accessibility: 94 (no change from production)
Best Practices: 100 (no change from production)
SEO: 100 (no change from production)
PWA: 59 (no change from production)
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Copy Markdown
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.

@wackerow looks good. Left a few minor comments

Comment thread src/components/ui/card.tsx Outdated
Comment thread src/components/ui/card.tsx Outdated
Comment thread src/components/ui/card.tsx Outdated
Comment thread src/components/ui/tag.tsx
const listVariants = cva("", {
variants: {
variant: {
light: "text-sm text-body-medium",
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

shouldn't this style be part of the base style? otherwise, shouldn't we add a defaultVariants?

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

We use both, and felt cleaner to leave the base case as unstyled, so we didn't default to text-sm and text-body-medium to then have to override it to remove it. This leaves default case without additional styling, with option to add the "light" variant

Comment thread app/[locale]/apps/_components/AppCard.tsx Outdated
- Fix component display name
- Move size mapping constant to constants file
- Remove redundant className usage
@github-actions github-actions Bot added the tooling 🔧 Changes related to tooling of the project label Jan 19, 2026
@wackerow wackerow requested a review from pettinarip January 19, 2026 18:25
@wackerow wackerow merged commit 8575a48 into dev Jan 19, 2026
5 of 6 checks passed
@wackerow wackerow deleted the card-component-refactors branch January 19, 2026 18:25
@wackerow wackerow mentioned this pull request Jan 23, 2026
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.

2 participants