diff --git a/web/chat/chat-message-list.css b/web/chat/chat-message-list.css --- a/web/chat/chat-message-list.css +++ b/web/chat/chat-message-list.css @@ -100,7 +100,6 @@ margin-bottom: 5px; box-sizing: border-box; width: 100%; - border: 1px solid blue; } div.nonViewerContent { align-self: flex-start; @@ -123,8 +122,7 @@ position: relative; display: flex; max-width: calc(min(68%, 1000px)); - margin: 0 4px 0 8px; - border: 1px solid green; + margin: 0 4px 0 12px; } div.fixedWidthMessageBoxContainer { width: 68%; @@ -137,7 +135,6 @@ justify-content: space-between; flex-shrink: 0; max-width: 100%; - border: 1px solid red; } div.fixedWidthMessageBox { width: 100%; diff --git a/web/chat/composed-message.react.js b/web/chat/composed-message.react.js --- a/web/chat/composed-message.react.js +++ b/web/chat/composed-message.react.js @@ -10,14 +10,12 @@ import { useStringForUser } from 'lib/hooks/ens-cache.js'; import { type ChatMessageInfoItem } from 'lib/selectors/chat-selectors.js'; -import { getAvatarForUser } from 'lib/shared/avatar-utils.js'; import { assertComposableMessageType } from 'lib/types/message-types.js'; import { type ThreadInfo } from 'lib/types/thread-types.js'; import css from './chat-message-list.css'; import FailedSend from './failed-send.react.js'; import InlineEngagement from './inline-engagement.react.js'; -import Avatar from '../components/avatar.react.js'; import { type InputState, InputStateContext } from '../input/input-state.js'; import { tooltipPositions, useMessageTooltip } from '../utils/tooltip-utils.js'; @@ -139,17 +137,10 @@ ); } - let avatar; - if (!isViewer && item.endsCluster) { - const avatarInfo = getAvatarForUser(creator); - avatar = ; - } - return ( {authorName}
- {avatar}