From ad1a464f22d771ffa38bc3a9c70daed145813785 Mon Sep 17 00:00:00 2001
From: ymy <yang.maoyuan@foxmail.com>
Date: Mon, 27 Jul 2026 16:22:01 +0800
Subject: [PATCH] =?UTF-8?q?chore(filelib-web):=20=E6=8E=88=E6=9D=83?=
 =?UTF-8?q?=E6=88=90=E5=91=98=E5=8D=95=E5=85=83=E6=A0=BC=E6=94=B9=E7=94=A8?=
 =?UTF-8?q?=E9=A6=96=E5=AD=97=E6=AF=8D=E5=9C=86=E5=BD=A2=E5=A4=B4=E5=83=8F?=
 =?UTF-8?q?(=E5=A4=8D=E7=94=A8=20Avatar=20=E7=BB=84=E4=BB=B6)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hub/filelib-web/src/lib/GrantsPanel.svelte | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/hub/filelib-web/src/lib/GrantsPanel.svelte b/hub/filelib-web/src/lib/GrantsPanel.svelte
index ae9cced..24fa650 100644
--- a/hub/filelib-web/src/lib/GrantsPanel.svelte
+++ b/hub/filelib-web/src/lib/GrantsPanel.svelte
@@ -19,6 +19,7 @@
   import type { Grant, MemberGroupSearchResult, NodeDetail, Role, UserSearchResult } from "./types.js";
   import Icon from "./Icon.svelte";
   import Modal from "./Modal.svelte";
+  import Avatar from "./Avatar.svelte";
 
   let { node }: { node: NodeDetail } = $props();
 
@@ -254,9 +255,7 @@
             <tr>
               <td>
                 <a class="inline-flex items-center gap-2 text-ink hover:text-accent" href={principalHref(g)}>
-                  <span class="flex text-ink-3">
-                    <Icon name={g.principalType === "USER" ? "user" : "group"} size={14} />
-                  </span>
+                  <Avatar displayName={g.principalName} userId={g.principalId} size={26} />
                   <span>
                     <span class="flex items-center gap-1.5 text-[13px]">
                       {g.principalName ?? g.principalId}