From fe583c0f504b0fd079d87353219ae5fac7fccb20 Mon Sep 17 00:00:00 2001
From: Henry Wilkinson <henry@wilkinson.graphics>
Date: Mon, 6 May 2024 19:01:23 -0400
Subject: [PATCH] Add emails to the org settings tables (#1785)

Fixes #1687

- Adds an email field to the table at all times
- Converts the trash icon to `sl-icon-button` in the pending table,
makes it red on hover
---
 frontend/src/pages/org/settings.ts | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/frontend/src/pages/org/settings.ts b/frontend/src/pages/org/settings.ts
index 1d9fd938..6dc65fdb 100644
--- a/frontend/src/pages/org/settings.ts
+++ b/frontend/src/pages/org/settings.ts
@@ -269,9 +269,10 @@ export class OrgSettings extends LiteElement {
   }
 
   private renderMembers() {
-    const columnWidths = ["1fr", "auto", "min-content"];
+    const columnWidths = ["1fr", "2fr", "auto", "min-content"];
     const rows = Object.entries(this.org.users!).map(([_id, user]) => [
       user.name,
+      user.email,
       this.renderUserRoleSelect(user),
       this.renderRemoveMemberButton(user),
     ]);
@@ -280,6 +281,7 @@ export class OrgSettings extends LiteElement {
         <btrix-data-table
           .columns=${[
             msg("Name"),
+            msg("Email"),
             msg("Role"),
             html`<span class="sr-only">${msg("Delete")}</span>`,
           ]}
@@ -380,12 +382,12 @@ export class OrgSettings extends LiteElement {
   }
 
   private renderRemoveInviteButton(invite: Invite) {
-    return html`<btrix-button
-      icon
+    return html`<sl-icon-button
+      class="text-base hover:text-danger"
+      name="trash3"
+      label=${msg("Revoke invite")}
       @click=${() => void this.removeInvite(invite)}
-    >
-      <sl-icon name="trash3"></sl-icon>
-    </btrix-button>`;
+    ></sl-icon-button>`;
   }
 
   private hideInviteDialog() {