Function UserTable

frontend/src/react/pages/settings/UsersPage.tsx:74–400

({
  users,
  onUserUpdated,
  onUserSelected,
  onGroupSelected,
}: {
  users: User[];
  onUserUpdated: (user: User) => void;
  onUserSelected?: (user: User) => void;
  onGroupSelected?: (group: Group) => void;
})

// ============================================================

function UserTable({
  users,
  onUserUpdated,
  onUserSelected,
  onGroupSelected,
}: {
  users: User[];
  onUserUpdated: (user: User) => void;
  onUserSelected?: (user: User) => void;
  onGroupSelected?: (group: Group) => void;
}) {
  const { t } = useTranslation();
  const currentUser = useCurrentUser();
  const archiveUser = useAppStore((state) => state.archiveUser);
  const restoreUser = useAppStore((state) => state.restoreUser);
  const batchGetOrFetchGroups = useAppStore(
    (state) => state.batchGetOrFetchGroups
  );
  const deleteServiceAccount = useAppStore(
    (state) => state.deleteServiceAccount
  );
  const undeleteServiceAccount = useAppStore(
    (state) => state.undeleteServiceAccount
  );
  const deleteWorkloadIdentity = useAppStore(
    (state) => state.deleteWorkloadIdentity
  );
  const undeleteWorkloadIdentity = useAppStore(
    (state) => state.undeleteWorkloadIdentity
  );

  // Batch fetch groups when user list changes
  useEffect(() => {
    const allGroupNames = users.flatMap((u) => u.groups);
    if (allGroupNames.length > 0) {
      batchGetOrFetchGroups(allGroupNames);
    }
  }, [users, batchGetOrFetchGroups]);

  const handleDeactivate = async (user: User) => {
    const accountType = getAccountTypeByEmail(user.email);
    const fullName = getUserFullNameByType(user);

    const confirmed = window.confirm(
      t("settings.members.action.deactivate-confirm-title")
    );
    if (!confirmed) return;

    try {
      if (accountType === AccountType.SERVICE_ACCOUNT) {
        await deleteServiceAccount(fullName);
      } else if (accountType === AccountType.WORKLOAD_IDENTITY) {
        await deleteWorkloadIdentity(fullName);
      } else {
        await archiveUser(fullName);
      }

      const updated = create(UserSchema, { ...user, state: State.DELETED });