simplify fetching

packages/builder/src/pages/builder/portal/manage/users/[userId].svelte

@@ -29,9 +29,10 @@
   }
 
   // Merge the Apps list and the roles response to get something that makes sense for the table
-  $: appList = Object.keys($apps?.data).map(app => ({
+  $: appList = Object.keys($apps?.data).map(id => ({
-    name: $apps?.data?.[app]?.name,
+    ...$apps?.data?.[id],
-    role: $roleFetch?.data?.roles?.[app],
+    _id: id,
+    role: $roleFetch?.data?.roles?.[id],
   }))
   let selectedApp
 
@@ -49,6 +50,7 @@
   }
 
   async function openUpdateRolesModal({ detail }) {
+    console.log(detail)
     selectedApp = detail
     editRolesModal.show()
   }

packages/builder/src/pages/builder/portal/manage/users/_components/UpdateRolesModal.svelte

@@ -9,8 +9,8 @@
 
   const dispatch = createEventDispatcher()
 
-  const roles = fetchData(`/api/admin/roles/${app._id}`)
+  const roles = app.roles
-  $: options = $roles?.data?.roles?.map(role => role._id)
+  let options = roles.map(role => role._id)
   let selectedRole
 
   async function updateUserRoles() {
@@ -22,7 +22,7 @@
       },
     })
     if (res.status === 400) {
-      notifications.error("Failed to update role.")
+      notifications.error("Failed to update role")
     } else {
       notifications.success("Roles updated")
       dispatch("update")