Bulk Action Toolbar
Component Detail
User Interface
medium complexity
frontend
1
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Contextual toolbar that appears when one or more users are selected in the user list. Renders action buttons for deactivate, reassign roles, and resend invitations, along with a selection count indicator and select-all toggle. Implemented as a React client component island within the Next.js user list page that responds to checkbox selection state.
bulk-action-toolbar
Responsibilities
- Display available bulk actions based on current selection
- Show selected user count and provide select-all/deselect-all toggle
- Disable actions when no users are selected and enable contextually
- Trigger confirmation dialog before executing any bulk operation
Interfaces
renderToolbar(selectedUserIds: string[])
onSelectAll()
onDeselectAll()
onBulkDeactivate()
onBulkReassignRoles()
onBulkResendInvitations()
getSelectionCount()
isActionAvailable(action: BulkActionType)
Relationships
Sub-Components (2)
Bulk Confirmation Dialog
component
low
Modal dialog that summarizes the intended bulk operation before execution, listing affected user count, the action to be performed, and any warnings. Requires explicit confirmation to proceed.
- Display summary of pending bulk operation with affected user count
- Show warnings for irreversible or high-impact actions
- Collect confirmation or cancellation from the administrator
Bulk Progress Indicator
component
low
Inline progress feedback component that displays processing status for large batch operations, showing completed count versus total and any individual failures.
- Display real-time progress of bulk operation execution
- Show success and failure counts as processing completes
- Present error details for any failed individual operations