Flag Action Widget
Component Detail
User Interface
low complexity
frontend
1
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
Inline action widget rendered within activity list rows and detail views in the admin portal, providing coordinators and admins with a one-click mechanism to flag or unflag an activity. Displays a flag icon with tooltip, opens a modal to capture the flag reason, and reflects the current flag state visually with a distinct colour indicator.
flag-action-widget
Responsibilities
- Render flag/unflag toggle button with current state indicator
- Open flag-reason modal and collect mandatory reason text
- Dispatch flag or resolve action to Activity Flag Service
- Emit visual feedback (badge, colour change) on state transition
Interfaces
flag(activityId: string, reason: string): Promise<void>
unflag(activityId: string): Promise<void>
renderFlagBadge(flagState: FlagState): Widget