diff --git a/src/lib/elements/pill.svelte b/src/lib/elements/pill.svelte
index 821b60fed..8ba2bac36 100644
--- a/src/lib/elements/pill.svelte
+++ b/src/lib/elements/pill.svelte
@@ -4,6 +4,7 @@
export let warning = false;
export let danger = false;
export let info = false;
+ export let button = false;
+ class:is-info={info}
+ class:pill-is-button={button}
+ on:click>
+
+
diff --git a/src/routes/console/[project]/users/index.svelte b/src/routes/console/[project]/users/index.svelte
index a85a35e3c..dfa2bad5b 100644
--- a/src/routes/console/[project]/users/index.svelte
+++ b/src/routes/console/[project]/users/index.svelte
@@ -3,6 +3,7 @@
import { sdkForProject } from '$lib/stores/sdk';
import { Empty, Pagination } from '$lib/components';
import { Button } from '$lib/elements/forms';
+ import { addNotification } from '$lib/stores/notifications';
import {
Table,
TableHeader,
@@ -50,6 +51,21 @@
offset = queryOffset;
}
});
+
+ const copy = async (value) => {
+ try {
+ await navigator.clipboard.writeText(value);
+ addNotification({
+ message: 'Copied to clipboard.',
+ type: 'success'
+ });
+ } catch (error) {
+ addNotification({
+ message: error.message,
+ type: 'error'
+ });
+ }
+ };
@@ -106,7 +122,8 @@
{/if}
- User ID
+ copy(user.$id)}
+ >User ID
{toLocaleDateTime(user.registration)}