Skip to content

feat: create specialized Badge component for Health Scores - #41

Closed
AliMahmoudDev wants to merge 1 commit into
voidswift:mainfrom
AliMahmoudDev:feat/health-badge-component
Closed

AliMahmoudDev wants to merge 1 commit into
voidswift:mainfrom
AliMahmoudDev:feat/health-badge-component

Conversation

@AliMahmoudDev

Copy link
Copy Markdown
Contributor

Summary

Implements a dynamic <HealthBadge> component that visually indicates health score tiers with color-coded badges.

Changes

  • New HealthBadge component with score-based color tiers:
    • Excellent (80+): Green badge
    • Good (60-79): Blue badge
    • Warning (40-59): Yellow badge
    • Critical (<40): Red badge
  • Supports sm, md, lg sizes
  • Optional showLabel prop to show/hide tier text
  • Integrated into dashboard repository cards
  • Badge only renders when healthScore is available

Closes #6

Add HealthBadge component that displays health scores with color-coded
tier labels: Excellent (80+), Good (60+), Warning (40+), Critical (<40).

- New HealthBadge component with sm/md/lg sizes and optional label
- Color-coded badges using ring and background styles
- Integrated into dashboard repository cards
- Shows badge only when healthScore is available

Closes voidswift#6
@github-actions

Copy link
Copy Markdown

This PR has been inactive for 4 days. @maintainer @contributor please review or push updates, otherwise it will be closed in 2 days.

@github-actions github-actions Bot added the stale label Sep 14, 2026
@github-actions

Copy link
Copy Markdown

This PR was closed due to inactivity.

@github-actions github-actions Bot closed this Sep 17, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Create a specialized Badge component for Health Scores

1 participant