From 8ae9738dc57c10397f9d4e2deedfc44d66681f0d Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Tue, 11 Apr 2023 11:45:26 -0400
Subject: [PATCH] Fleet UI: Transition fixed to edit user modal (#11128)

---
 changes/11087-fix-edit-user-modal-transition  |  1 +
 .../components/UsersTable/UsersTable.tsx      | 42 +++++++++----------
 2 files changed, 20 insertions(+), 23 deletions(-)
 create mode 100644 changes/11087-fix-edit-user-modal-transition

diff --git a/changes/11087-fix-edit-user-modal-transition b/changes/11087-fix-edit-user-modal-transition
new file mode 100644
index 0000000000..ab852364da
--- /dev/null
+++ b/changes/11087-fix-edit-user-modal-transition
@@ -0,0 +1 @@
+- Fleet UI: Fix animation for opening edit user modal
\ No newline at end of file
diff --git a/frontend/pages/admin/UserManagementPage/components/UsersTable/UsersTable.tsx b/frontend/pages/admin/UserManagementPage/components/UsersTable/UsersTable.tsx
index f36ef42fc2..6f1107af6d 100644
--- a/frontend/pages/admin/UserManagementPage/components/UsersTable/UsersTable.tsx
+++ b/frontend/pages/admin/UserManagementPage/components/UsersTable/UsersTable.tsx
@@ -432,29 +432,25 @@ const UsersTable = ({ router }: IUsersTableProps): JSX.Element => {
     const userData = getUser(userEditing.type, userEditing.id);
 
     return (
-      <Modal title="Edit user" onExit={toggleEditUserModal}>
-        <>
-          <EditUserModal
-            defaultEmail={userData?.email}
-            defaultName={userData?.name}
-            defaultGlobalRole={userData?.global_role}
-            defaultTeams={userData?.teams}
-            onCancel={toggleEditUserModal}
-            onSubmit={onEditUser}
-            availableTeams={teams || []}
-            isPremiumTier={isPremiumTier || false}
-            smtpConfigured={config?.smtp_settings.configured || false}
-            sesConfigured={config?.email?.backend === "ses" || false}
-            canUseSso={config?.sso_settings.enable_sso || false}
-            isSsoEnabled={userData?.sso_enabled}
-            isApiOnly={userData?.api_only || false}
-            isModifiedByGlobalAdmin
-            isInvitePending={userEditing.type === "invite"}
-            editUserErrors={editUserErrors}
-            isUpdatingUsers={isUpdatingUsers}
-          />
-        </>
-      </Modal>
+      <EditUserModal
+        defaultEmail={userData?.email}
+        defaultName={userData?.name}
+        defaultGlobalRole={userData?.global_role}
+        defaultTeams={userData?.teams}
+        onCancel={toggleEditUserModal}
+        onSubmit={onEditUser}
+        availableTeams={teams || []}
+        isPremiumTier={isPremiumTier || false}
+        smtpConfigured={config?.smtp_settings.configured || false}
+        sesConfigured={config?.email?.backend === "ses" || false}
+        canUseSso={config?.sso_settings.enable_sso || false}
+        isSsoEnabled={userData?.sso_enabled}
+        isApiOnly={userData?.api_only || false}
+        isModifiedByGlobalAdmin
+        isInvitePending={userEditing.type === "invite"}
+        editUserErrors={editUserErrors}
+        isUpdatingUsers={isUpdatingUsers}
+      />
     );
   };