Hierarchy Management Page
Component Detail
User Interface
high complexity
frontend
2
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Full-page admin interface for viewing and managing the multi-level organization tree. Renders an interactive tree view using a React tree component, allowing admins to create sub-organizations, assign parents, and move nodes within the hierarchy.
hierarchy-management-page
Responsibilities
- Render interactive organization tree with expand/collapse nodes
- Provide controls for creating, renaming, and deleting sub-organizations
- Support drag-and-drop node reordering with non-drag fallback for WCAG compliance
- Display hierarchy metadata (level depth, member count per node)
- Show scoped coordinator assignments per hierarchy level
Interfaces
renderTree(rootOrgId: string): TreeNode[]
createSubOrganization(parentId: string, data: OrgFormData): void
moveNode(nodeId: string, newParentId: string): void
deleteSubOrganization(orgId: string): void
Relationships
Dependencies (2)
Components this component depends on