fix: [UIE-10040] - IAM Delegation: Default Entity Access disable Remove button when loading

[mpolotsk-akamai]

Description 📝

This PR fixes an issue where the “Remove” button was not disabled after clicking it in the Default Entity Access confirmation popup.

Changes 🔄

List any change(s) relevant to the reviewer.

• added "is removing" state to disable button

Scope 🚢

Upon production release, changes in this PR will be visible to:

• All customers
• Some customers (e.g. in Beta or Limited Availability)
• No customers / Not applicable

How to test 🧪

Prerequisites

(How to setup test environment)

• use IAM Child Account

Verification steps

(How to verify changes)

• Go to http://localhost:3000/iam/roles/defaults/entity-access
• Click "Remove" option in action menu of any entity.
• Click "Remove" button in confirmation popup.
• Verify that button is disabled when loading.

Author Checklists

As an Author, to speed up the review process, I considered 🤔

👀 Doing a self review
❔ Our contribution guidelines
🤏 Splitting feature into small PRs
➕ Adding a changeset
🧪 Providing/improving test coverage
🔐 Removing all sensitive information from the code and PR description
🚩 Using a feature flag to protect the release
👣 Providing comprehensive reproduction steps
📑 Providing or updating our documentation
🕛 Scheduling a pair reviewing session
📱 Providing mobile support
♿ Providing accessibility support

• I have read and considered all applicable items listed above.

As an Author, before moving this PR from Draft to Open, I confirmed ✅

• All tests and CI checks are passing
• TypeScript compilation succeeded without errors
• Code passes all linting rules

[linode-gh-bot]

Cloud Manager UI test results

🔺 1 failing test on test run #2 ↗︎

❌ Failing	✅ Passing	↪️ Skipped	🕐 Duration
1 Failing	864 Passing	11 Skipped	38m 37s

Details

Failing Tests
	Spec	Test
❌	clone-linode.spec.ts	Cloud Manager Cypress Tests→clone linode » can clone a Linode from Linode details page

Troubleshooting

Use this command to re-run the failing tests:

pnpm cy:run -s "cypress/e2e/core/linodes/clone-linode.spec.ts"

[abailly-akamai]

In general, when dealing with pending queries we don't need to add a custom state: we already have it available in React Query.

Instead just do:

const {
    error,
    isPending: isUserRolesPending,
    mutateAsync: updateUserRoles,
    reset,
  } = useUserRolesMutation(username ?? '');

  const {
    mutateAsync: updateDefaultDelegationRoles,
    isPending: isDefaultDelegationRolesPending,
  } = useUpdateDefaultDelegationAccessQuery();

 const isPending = isUserRolesPending || isDefaultDelegationRolesPending;

then in the component:

primaryButtonProps={{
  disabled: isPending,
  label: 'Remove',
  loading: isPending,
  onClick: onDelete,
}}

[mpolotsk-akamai]

Thanks for the review! Updated.

[abailly-akamai]

Thanks!