From 8971d7097486104518b96a07d673997b79d7253d Mon Sep 17 00:00:00 2001
From: djnunez-aot <103138766+djnunez-aot@users.noreply.github.com>
Date: Wed, 8 May 2024 01:12:15 -0400
Subject: [PATCH] sort user roles on edit modal (#2211)

---
 epictrack-web/src/components/user/UserList.tsx | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/epictrack-web/src/components/user/UserList.tsx b/epictrack-web/src/components/user/UserList.tsx
index cc5b72ee2..eae0f70ce 100644
--- a/epictrack-web/src/components/user/UserList.tsx
+++ b/epictrack-web/src/components/user/UserList.tsx
@@ -37,12 +37,7 @@ const UserList = () => {
     try {
       const userResult = await UserService.getUsers();
       if (userResult.status === 200) {
-        const sortedResults = (userResult.data as User[]).sort((a, b) => {
-          const aValue = a.group?.level ?? -0;
-          const bValue = b.group?.level ?? -0;
-          return bValue - aValue;
-        });
-        setUsers(sortedResults as never);
+        setUsers(userResult.data as never);
       }
     } catch (error) {
       console.error("User List: ", error);
@@ -101,7 +96,9 @@ const UserList = () => {
               menuPosition="fixed"
               getOptionValue={(opt) => opt.id}
               getOptionLabel={(opt) => opt.display_name}
-              options={groups.filter((p) => currentUserGroup.level >= p.level)}
+              options={groups
+                .filter((p) => currentUserGroup.level >= p.level)
+                .sort((a, b) => b.level - a.level)}
               required={true}
               // menuPortalTarget={document.body}
               onChange={(newVal) => setSelectedGroup(newVal)}
@@ -171,7 +168,7 @@ const UserList = () => {
             initialState={{
               sorting: [
                 {
-                  id: "group.level",
+                  id: "name",
                   desc: false,
                 },
               ],