Skip to content

Add GroupBadge component with status icons and color coding#302

Merged
Xoulomon merged 1 commit intoXoulomon:mainfrom
bamiebot-maker:feat/issue-276-group-badge
Feb 26, 2026
Merged

Add GroupBadge component with status icons and color coding#302
Xoulomon merged 1 commit intoXoulomon:mainfrom
bamiebot-maker:feat/issue-276-group-badge

Conversation

@bamiebot-maker
Copy link
Contributor

Closes #276

Summary

  • Added reusable GroupBadge component for group status display.
  • Supports statuses: active, pending, complete (plus completed alias).
  • Added status-based color coding and icons.
  • Kept badge compact using small size.
  • Integrated GroupBadge into GroupCard.
  • Added unit tests for status rendering, styling, alias handling, and icon toggle.

Validation

  • npm run test -- GroupBadge.test.tsx passed.
    -Targeted lint on changed files passed (full project lint/build currently has unrelated pre-existing issues).

@Xoulomon Xoulomon merged commit 9d5381f into Xoulomon:main Feb 26, 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.

FRONTEND Create GroupBadge Component

2 participants