Skip to content

✨ feat: Solution Card Variant#30

Draft
communityfix[bot] wants to merge 1 commit into
stagingfrom
feat/solution-card-variant
Draft

✨ feat: Solution Card Variant#30
communityfix[bot] wants to merge 1 commit into
stagingfrom
feat/solution-card-variant

Conversation

@communityfix

@communityfix communityfix Bot commented Apr 8, 2026

Copy link
Copy Markdown
Contributor

✨ This PR introduces a dedicated CardSolution component to properly display solution cards with a visual lifecycle progress meter, replacing the generic CardIssue component that was previously used for solutions.

Key Changes:

  • New CardSolution component with solution-specific design and functionality
  • 🎯 Lifecycle progress meter showing Plan → In Progress → Done stages with color-coded visual indicators
  • 💡 Solution-specific visual identity with lightbulb icon to distinguish from issue cards
  • 🔗 Optional parent issue linking via showParent prop for context when viewing solutions outside their parent issue
  • Enhanced text wrapping and layout improvements for better responsive behavior
  • 🔄 Updated solution pages to use the new component:
    • Issue solutions tab now uses CardSolution without parent links (redundant context)
    • User profile pages show solutions with parent links for proper context

What Reviewers Should Note:

  • 🎨 The lifecycle meter uses the same color scheme as existing UiBadge variants for visual consistency
  • 📱 Component maintains identical spacing/rhythm to CardIssue for consistent card layouts
  • 🧩 The showParent prop logic ensures contextual information appears only where needed
  • ✅ Voting functionality and interactions remain identical to issue cards
  • 🔍 Analytics tracking is preserved for solution-specific events

Solutions no longer render with the same CardIssue component as issues.
A near-clone CardSolution inherits the card chrome, vote pill, and author
block, with tiny differentiators: a lightbulb-prefixed #id, a three-step
Plan→In progress→Done lifecycle meter in the location-row slot, and an
optional "in response to #N" link. Also prevent the card header from
wrapping the title onto its own flex line — the title text now wraps
inside its own link while the prefix and badges stay baseline-aligned.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
communityfix b579ba8 Commit Preview URL

Branch Preview URL
Apr 08 2026, 05:03 PM

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.

1 participant