changing user roles from users table

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

@@ -1,15 +1,37 @@
 <script>
-  import { Select } from "@budibase/bbui"
+  import { notifications, Select } from "@budibase/bbui"
+  import { users } from "stores/portal"
+  import { Constants } from "@budibase/frontend-core"
 
-  const options = [
-    { label: "App User", value: "appUser" },
-    { label: "Developer", value: "developer" },
-    { label: "Admin", value: "admin" },
-  ]
+  export let row
+  $: value = users.getUserRole(row)
+
+  async function updateUserRole({ detail }) {
+    if (detail === "developer") {
+      toggleFlags({ admin: { global: false }, builder: { global: true } })
+    } else if (detail === "admin") {
+      toggleFlags({ admin: { global: true }, builder: { global: false } })
+    } else if (detail === "appUser") {
+      toggleFlags({ admin: { global: false }, builder: { global: false } })
+    }
+  }
+  async function toggleFlags(roleFlags) {
+    try {
+      await users.save({ ...(await users.get(row._id)), ...roleFlags })
+    } catch (error) {
+      notifications.error("Error updating user")
+    }
+  }
 </script>
 
 <div on:click|stopPropagation>
-  <Select value={"appUser"} {options} placeholder="Admin" autoWidth quiet />
+  <Select
+    {value}
+    options={Constants.BbRoles}
+    autoWidth
+    quiet
+    on:change={updateUserRole}
+  />
 </div>
 
 <style>

packages/builder/src/stores/portal/users.js

@@ -86,10 +86,14 @@ export function createUsersStore() {
     return await API.saveUser(user)
   }
 
+  const getUserRole = ({ admin, builder }) =>
+    admin?.global ? "admin" : builder?.global ? "developer" : "appUser"
+
   return {
     subscribe,
     search,
     get,
+    getUserRole,
     fetch,
     invite,
     acceptInvite,