Approval Status Indicator
Component Detail
User Interface
low complexity
Shared Component
frontend
0
Dependencies
0
Dependents
2
Entities
0
Integrations
Description
Reusable badge/chip widget that renders the approval status of an activity (pending_review, approved, rejected, corrected) with consistent color coding used throughout the admin portal and as a read-only status in the mobile app for peer mentors.
approval-status-indicator
Responsibilities
- Render color-coded status badge for any activity approval state
- Display reviewer name and timestamp as tooltip or subtext
- Support compact and full display variants
Interfaces
renderStatus(status, reviewerName?, timestamp?)
getStatusColor(status)
getStatusLabel(status)
Related Data Entities (2)
Data entities managed by this component