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

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

* Added changeset: IAM Delegation: Remove button in remove assignment confirmation popup is not disabled after clicking it

* review fix

Author: mpolotsk-akamai

packages/manager/.changeset/pr-13290-fixed-1768575377810.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+IAM Delegation: "Remove" button in remove assignment confirmation popup is not disabled after clicking it ([#13290](https://github.com/linode/manager/pull/13290))

packages/manager/src/features/IAM/Shared/RemoveAssignmentConfirmationDialog/RemoveAssignmentConfirmationDialog.tsx

@@ -33,13 +33,17 @@ export const RemoveAssignmentConfirmationDialog = (props: Props) => {
 
   const {
     error,
-    isPending,
+    isPending: isUserRolesPending,
     mutateAsync: updateUserRoles,
     reset,
   } = useUserRolesMutation(username ?? '');
 
-  const { mutateAsync: updateDefaultDelegationRoles } =
-    useUpdateDefaultDelegationAccessQuery();
+  const {
+    mutateAsync: updateDefaultDelegationRoles,
+    isPending: isDefaultDelegationRolesPending,
+  } = useUpdateDefaultDelegationAccessQuery();
+
+  const isPending = isUserRolesPending || isDefaultDelegationRolesPending;
 
   const { data: assignedUserRoles } = useUserRoles(
     username ?? '',
@@ -64,7 +68,7 @@ export const RemoveAssignmentConfirmationDialog = (props: Props) => {
     : assignedUserRoles;
 
   const onDelete = async () => {
-    if (!role || !assignedRoles) return;
+    if (!role || !assignedRoles || isPending) return;
 
     const { role_name, entity_id, entity_type } = role;
 
@@ -96,6 +100,7 @@ export const RemoveAssignmentConfirmationDialog = (props: Props) => {
             label: 'Remove',
             loading: isPending,
             onClick: onDelete,
+            disabled: isPending,
           }}
           secondaryButtonProps={{
             label: 'Cancel',