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 ? ( - + ) : null}