Skip to content

refactor(ui): new AppCard component with stories and migration#17178

Merged
wackerow merged 8 commits into
page-developer-appsfrom
refactor-app-card
Feb 3, 2026
Merged

refactor(ui): new AppCard component with stories and migration#17178
wackerow merged 8 commits into
page-developer-appsfrom
refactor-app-card

Conversation

@wackerow
Copy link
Copy Markdown
Member

@wackerow wackerow commented Jan 27, 2026

Extends page-developer-apps branch

Description

  • Creates new reusable/DRY AppCard component in @/components/AppCard/index.tsx
  • Removes opinionated app object prop and boolean props; conditionals applied based on availability of different element data (e.g., tags, or href)
  • Utilized cva variants for ui component styling cases
  • Migrates usage of old AppCard from /apps section to use this component, deprecating old
  • Refactors new /developers/apps card setup to use same component
  • Stories added for new AppCard covering implementation use cases

Preview links

wackerow and others added 5 commits January 27, 2026 08:44
When fit="contain", auto-generates blurred background from single child image.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Migrate all 6 /apps consumer files to new component
- Delete old app/[locale]/apps/_components/AppCard.tsx

Files migrated:
- app/[locale]/apps/page.tsx
- app/[locale]/apps/[application]/page.tsx
- app/[locale]/apps/_components/AppsTable.tsx
- app/[locale]/apps/_components/CommunityPicks.tsx
- app/[locale]/apps/_components/AppsHighlight.tsx
- app/[locale]/apps/_components/TopApps.tsx

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Use group/appcard for isolated hover contexts
- Add AppWindowMac as default fallback icon
- Auto scroll={false} for query-param links (?...)
- Title responds to both parent and own group hover

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Replace inline card markup with AppCard component
- Simplify HighlightsSection banner with fit="contain"
- Use AppCard for preview, grid, and highlight cards
- Remove redundant imports (Image, LinkBox, etc.)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@netlify
Copy link
Copy Markdown

netlify Bot commented Jan 27, 2026

Deploy Preview for ethereumorg failed.

Name Link
🔨 Latest commit 9b51e01
🔍 Latest deploy log https://app.netlify.com/projects/ethereumorg/deploys/698239103dc49f00083eac28

@wackerow wackerow merged commit 74c392e into page-developer-apps Feb 3, 2026
2 of 6 checks passed
@wackerow wackerow deleted the refactor-app-card branch February 3, 2026 18:06
This was referenced Feb 5, 2026
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.

2 participants