use ActionButton

dzonidoo · Aug 23, 2023 · 11c980f · 11c980f
1 parent 6bfbf55
commit 11c980f
Showing 1 changed file with 17 additions and 13 deletions.
diff --git a/assets/users/components/EditUser.tsx b/assets/users/components/EditUser.tsx
@@ -26,6 +26,7 @@ import {getUserStateLabelDetails} from 'company-admin/components/CompanyUserList
 import {companyProductSeatsSelector, companySectionListSelector, sectionListSelector} from 'company-admin/selectors';
 import {IUser} from 'interfaces/user';
 import {IUserProfileStore} from 'user-profile/reducers';
+import ActionButton from 'components/ActionButton';
 
 const getCompanyOptions = (companies: any) => companies.map((company: any) => ({value: company._id, text: company.name}));
 
@@ -85,6 +86,18 @@ const EditUserComponent: React.ComponentType<IProps> = ({
     const company = companies.map((value: any) => value.name);
     const userIsAdmin = isUserAdmin(user);
 
+    const resendInviteButton = {
+        name: gettext('Resend Invite'),
+        icon: 'refresh',
+        tooltip: gettext('Resend Invite'),
+        multi: false,
+        action: () => {
+            if (confirm(gettext('Would you like to resend the invitation for {{ email }}?', {email: user.email}))) {
+                resendUserInvite();
+            }
+        },
+    }
+
     return (
         <div
             data-test-id="edit-user-form"
@@ -117,21 +130,12 @@ const EditUserComponent: React.ComponentType<IProps> = ({
                                 </label>
                             )}
                             {(user._id == null || user.is_validated === true) ? null : (
-                                <button
-                                    type="button"
+                                <ActionButton
+                                    key={resendInviteButton.name}
                                     className="icon-button icon-button--small icon-button--secondary"
                                     aria-label={gettext('Resend Invite')}
-                                    title={gettext('Resend Invite')}
-                                    onClick={(event: any) => {
-                                        event.preventDefault();
-
-                                        if (confirm(gettext('Would you like to resend the invitation for {{ email }}?', {email: user.email}))) {
-                                            resendUserInvite();
-                                        }
-                                    }}
-                                >
-                                    <i className="icon--refresh" role="presentation"></i>
-                                </button>
+                                    action={resendInviteButton}
+                                />
                             )}
                         </div>
                         {(currentUserIsAdmin && user._id != null && user._id !== currentUser._id) && (