Merge branch 'feat/user-groups-tab' of github.com:Budibase/budibase into feat/user-groups-tab

packages/builder/src/pages/builder/portal/manage/groups/_components/UserGroupsRow.svelte

@@ -65,8 +65,7 @@
         <MenuItem on:click={() => deleteGroup(group)} icon="Delete"
           >Delete</MenuItem
         >
-        <MenuItem on:click={() => editGroup(group)} icon="Delete">Edit</MenuItem
-        >
+        <MenuItem on:click={() => editGroup(group)} icon="Edit">Edit</MenuItem>
       </ActionMenu>
     </div>
   </div>

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/pages/builder/portal/manage/users/_components/SettingsTableRenderer.svelte

@@ -1,16 +0,0 @@
-<script>
-  import { Icon, ActionMenu, MenuItem } from "@budibase/bbui"
-</script>
-
-<div
-  style="    overflow: hidden;
-"
->
-  <ActionMenu align="right">
-    <span slot="control">
-      <Icon hoverable name="More" />
-    </span>
-    <MenuItem icon="Delete">Delete</MenuItem>
-    <MenuItem icon="Delete">Edit</MenuItem>
-  </ActionMenu>
-</div>

packages/builder/src/pages/builder/portal/manage/users/index.svelte

@@ -21,7 +21,6 @@
   import GroupsTableRenderer from "./_components/GroupsTableRenderer.svelte"
   import AppsTableRenderer from "./_components/AppsTableRenderer.svelte"
   import NameTableRenderer from "./_components/NameTableRenderer.svelte"
-  import SettingsTableRenderer from "./_components/SettingsTableRenderer.svelte"
   import RoleTableRenderer from "./_components/RoleTableRenderer.svelte"
   import { goto } from "@roxi/routify"
   import OnboardingTypeModal from "./_components/OnboardingTypeModal.svelte"
@@ -62,7 +61,6 @@
     { column: "userGroups", component: GroupsTableRenderer },
     { column: "apps", component: AppsTableRenderer },
     { column: "name", component: NameTableRenderer },
-    { column: "settings", component: SettingsTableRenderer },
     { column: "role", component: RoleTableRenderer },
   ]
 

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,