From 090efe5319abd1187d75ee864fb61d17c84b70a3 Mon Sep 17 00:00:00 2001
From: Wes <wesb@block.xyz>
Date: Thu, 14 May 2026 14:12:32 -0700
Subject: [PATCH] fix: replace respond-to colored dots with icon overlays on
 message avatars

Colored dots (green/amber) clashed with presence indicators which use
the same colors. Replace with lucide icons: Globe for "anyone", Users
for "allowlist", no indicator for "owner-only" (default behavior).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../src/features/messages/ui/MessageRow.tsx   | 21 +++++++------------
 1 file changed, 8 insertions(+), 13 deletions(-)

diff --git a/desktop/src/features/messages/ui/MessageRow.tsx b/desktop/src/features/messages/ui/MessageRow.tsx
index ee87767eea..9af00ee0d4 100644
--- a/desktop/src/features/messages/ui/MessageRow.tsx
+++ b/desktop/src/features/messages/ui/MessageRow.tsx
@@ -12,6 +12,7 @@ import { useChannelNavigation } from "@/shared/context/ChannelNavigationContext"
 import { parseImetaTags } from "@/features/messages/lib/parseImeta";
 import { resolveMentionNames } from "@/shared/lib/resolveMentionNames";
 import { Markdown } from "@/shared/ui/markdown";
+import { Globe, Users } from "lucide-react";
 import { MessageActionBar } from "./MessageActionBar";
 import { MessageTimestamp } from "./MessageTimestamp";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/shared/ui/tooltip";
@@ -132,11 +133,11 @@ export const MessageRow = React.memo(
       ? "rounded-md"
       : "rounded-xl";
 
-    const respondToDotColor =
+    const respondToIcon =
       message.respondTo === "anyone"
-        ? "bg-emerald-500"
+        ? { Icon: Globe, title: "Responds to anyone" }
         : message.respondTo === "allowlist"
-          ? "bg-amber-500"
+          ? { Icon: Users, title: "Responds to select users" }
           : null;
 
     const avatarNode = (
@@ -148,18 +149,12 @@ export const MessageRow = React.memo(
           displayName={message.author}
           testId="message-avatar"
         />
-        {respondToDotColor && !isThreadReplyLayout ? (
+        {respondToIcon && !isThreadReplyLayout ? (
           <span
-            className={cn(
-              "absolute -bottom-0.5 -right-0.5 flex h-3 w-3 items-center justify-center rounded-full bg-background",
-            )}
-            title={
-              message.respondTo === "anyone"
-                ? "Responds to anyone"
-                : "Responds to allowlist"
-            }
+            className="absolute -bottom-0.5 -right-0.5 flex h-3.5 w-3.5 items-center justify-center rounded-full bg-background text-muted-foreground"
+            title={respondToIcon.title}
           >
-            <span className={cn("h-2 w-2 rounded-full", respondToDotColor)} />
+            <respondToIcon.Icon className="h-2.5 w-2.5" />
           </span>
         ) : null}
       </div>