Member Associations Page
Component Detail
Description
Next.js admin page providing a dual-view interface for managing organizational memberships: a user-centric view listing all org memberships for a selected user, and an org-centric view listing all members of a selected hierarchy node. Supports inline membership assignment, transfer, and removal with bulk reassignment controls for organizational restructuring.
member-associations-page
Sources & reasoning
NHF specifically requires admin tooling to handle users in up to 5 local associations simultaneously. The dual-view UI (user-centric and org-centric) directly maps to the implementation notes describing both views, with bulk reassignment for organizational restructuring.
No source references — this artifact was included based on reasoning alone (see above).
Responsibilities
- Render user-centric membership view: select user, display all active org memberships with role labels
- Render org-centric membership view: select hierarchy node, display all members with roles
- Expose bulk reassignment controls for transferring members between nodes during restructuring
- Surface audit trail link per membership record for compliance visibility
- Enforce empty-membership warning when removing a user from their last organization node
Interfaces
renderUserMembershipView(userId: string): MembershipListView
renderOrgMembershipView(nodeId: string): MemberListView
openBulkReassignDialog(userIds: string[], targetNodeId: string): void
removeMembership(userId: string, organizationId: string): Promise<void>
assignMembership(userId: string, organizationId: string, role: string): Promise<void>
Relationships
Dependencies (2)
Components this component depends on