From ad016aba3568b61d8e0100ea853ef4ffdcb8a16f Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Sun, 30 Nov 2025 11:50:43 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=8E=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/UserAggregationList/index.tsx | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/UserAggregationList/index.tsx b/src/components/UserAggregationList/index.tsx
index 5b7a04a..5cb74fd 100644
--- a/src/components/UserAggregationList/index.tsx
+++ b/src/components/UserAggregationList/index.tsx
@@ -420,22 +420,31 @@ function UserAggregationItem({
       onClick={onClick}
     >
       {supportTouch ? (
-        <SimpleUserAvatar userId={aggregation.pubkey} />
+        <SimpleUserAvatar
+          userId={aggregation.pubkey}
+          className={!hasNewEvents ? 'grayscale' : ''}
+        />
       ) : (
-        <UserAvatar userId={aggregation.pubkey} />
+        <UserAvatar userId={aggregation.pubkey} className={!hasNewEvents ? 'grayscale' : ''} />
       )}
 
       <div className="flex-1 min-w-0 flex flex-col">
         {supportTouch ? (
           <SimpleUsername
             userId={aggregation.pubkey}
-            className="font-semibold text-base truncate max-w-fit"
+            className={cn(
+              'font-semibold text-base truncate max-w-fit',
+              !hasNewEvents && 'text-muted-foreground'
+            )}
             skeletonClassName="h-4"
           />
         ) : (
           <Username
             userId={aggregation.pubkey}
-            className="font-semibold text-base truncate max-w-fit"
+            className={cn(
+              'font-semibold text-base truncate max-w-fit',
+              !hasNewEvents && 'text-muted-foreground'
+            )}
             skeletonClassName="h-4"
           />
         )}