From 7526bc83879b80cb96101dbd59e3d1c6667b196d Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Wed, 21 Dec 2022 11:52:25 +0000
Subject: [PATCH] Update user details page to use tables and match designs

---
 .../users/_components/AppRoleTableRenderer.svelte |  0
 ...er.svelte => PasswordCopyTableRenderer.svelte} |  0
 .../_components/RemoveGroupTableRenderer.svelte   | 15 +++++++++++++++
 3 files changed, 15 insertions(+)
 create mode 100644 packages/builder/src/pages/builder/portal/users/users/_components/AppRoleTableRenderer.svelte
 rename packages/builder/src/pages/builder/portal/users/users/_components/{PasswordCopyRenderer.svelte => PasswordCopyTableRenderer.svelte} (100%)
 create mode 100644 packages/builder/src/pages/builder/portal/users/users/_components/RemoveGroupTableRenderer.svelte

diff --git a/packages/builder/src/pages/builder/portal/users/users/_components/AppRoleTableRenderer.svelte b/packages/builder/src/pages/builder/portal/users/users/_components/AppRoleTableRenderer.svelte
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/packages/builder/src/pages/builder/portal/users/users/_components/PasswordCopyRenderer.svelte b/packages/builder/src/pages/builder/portal/users/users/_components/PasswordCopyTableRenderer.svelte
similarity index 100%
rename from packages/builder/src/pages/builder/portal/users/users/_components/PasswordCopyRenderer.svelte
rename to packages/builder/src/pages/builder/portal/users/users/_components/PasswordCopyTableRenderer.svelte
diff --git a/packages/builder/src/pages/builder/portal/users/users/_components/RemoveGroupTableRenderer.svelte b/packages/builder/src/pages/builder/portal/users/users/_components/RemoveGroupTableRenderer.svelte
new file mode 100644
index 0000000000..afff99da0f
--- /dev/null
+++ b/packages/builder/src/pages/builder/portal/users/users/_components/RemoveGroupTableRenderer.svelte
@@ -0,0 +1,15 @@
+<script>
+  import { ActionButton } from "@budibase/bbui"
+  import { getContext } from "svelte"
+
+  export let value
+
+  const groupContext = getContext("groups")
+
+  const onClick = e => {
+    e.stopPropagation()
+    groupContext.removeGroup(value)
+  }
+</script>
+
+<ActionButton size="S" on:click={onClick}>Remove</ActionButton>