From 42c8b7f62931bc99044ba1f8f2b50cf5010b9dfb Mon Sep 17 00:00:00 2001
From: Tim Haasdyk <tim_haasdyk@sil.org>
Date: Thu, 24 Oct 2024 09:58:32 +0200
Subject: [PATCH] Make org admins visually distinct

---
 .../routes/(authenticated)/org/[org_id]/OrgMemberTable.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/routes/(authenticated)/org/[org_id]/OrgMemberTable.svelte b/frontend/src/routes/(authenticated)/org/[org_id]/OrgMemberTable.svelte
index 52663b8e9..e4fd43a7e 100644
--- a/frontend/src/routes/(authenticated)/org/[org_id]/OrgMemberTable.svelte
+++ b/frontend/src/routes/(authenticated)/org/[org_id]/OrgMemberTable.svelte
@@ -9,6 +9,7 @@
   import DeleteModal from '$lib/components/modals/DeleteModal.svelte';
   import {useNotifications} from '$lib/notify';
   import type {LexAuthUser} from '$lib/user';
+  import {OrgRole} from '$lib/gql/types';
 
   export let org: Org;
   export let user: LexAuthUser;
@@ -59,6 +60,7 @@
     <tbody>
       {#each shownUsers as member}
       {@const memberUser = member.user}
+      {@const isOrgAdmin = member.role === OrgRole.Admin}
         <tr>
           <td>
             <div class="flex items-center gap-2 max-w-40 @xl:max-w-52">
@@ -85,7 +87,7 @@
             </span>
           </td>
           {/if}
-          <td class="@2xl:table-cell">
+          <td class="@2xl:table-cell" class:text-primary={isOrgAdmin} class:font-bold={isOrgAdmin} class:dark:brightness-150={isOrgAdmin}>
             <FormatUserOrgRole role={member.role} />
           </td>
           {#if user.isAdmin || (canManage && memberUser.id !== user.id)}