diff --git a/frontend/src/app/departments/[id]/page.tsx b/frontend/src/app/departments/[id]/page.tsx index e37aedbf..03fcd8d1 100644 --- a/frontend/src/app/departments/[id]/page.tsx +++ b/frontend/src/app/departments/[id]/page.tsx @@ -12,6 +12,7 @@ import { Crown, Link2, MessageCircle, + Minus, PencilLine, Plus, Search, @@ -84,6 +85,7 @@ function DepartmentMemberRow({ roleOptions, onAssignRole, onCreateRole, + onRemoveHead, onRemoveMember, onSetHead, onToggleRoleMenu, @@ -101,6 +103,7 @@ function DepartmentMemberRow({ onAssignRole: (employeeId: number, roleId: number | null) => Promise; onCreateRole: () => void; onRemoveMember: (employeeId: number) => Promise; + onRemoveHead: () => Promise; onSetHead: (employeeId: number) => Promise; onToggleRoleMenu: (employeeId: number | null) => void; roleMenuOpenForId: number | null; @@ -293,9 +296,23 @@ function DepartmentMemberRow({ ) : null} {isHead ? ( - - - + canChangeHead ? ( + + ) : ( + + + + ) ) : null} {isRoleOnly ? ( @@ -1045,6 +1062,7 @@ export default function DepartmentDetailPage() { roleOptions={roleOptions} onAssignRole={h.submitMemberRole} onCreateRole={h.openCreateRole} + onRemoveHead={h.submitHeadRemoval} onRemoveMember={h.submitRemoveMember} onSetHead={h.submitQuickHeadChange} onToggleRoleMenu={setRoleMenuOpenForId}