{
+ const childItems = Array.isArray(children) ? children : [children];
+ const dmAvatar = hasAvatar ? childItems[0] : null;
+ const threadMessages = hasAvatar ? childItems.slice(1) : children;
const composerLabel =
type === "dm"
? `Message ${dmWith?.name || "someone"}`
@@ -91,11 +88,9 @@ export const SlackThread = ({
) : type === "dm" ? (
-

+
+ {dmAvatar}
+
@@ -149,7 +144,7 @@ export const SlackThread = ({
className="overflow-y-auto bg-white dark:bg-[#1A1D21]"
style={maxHeight ? { maxHeight } : undefined}
>
- {children}
+ {threadMessages}
{maxHeight ? (
{
const SELF_NAME = "Dhravya Shah";
- const SELF_AVATAR = "/images/company-brain/dhravya-slack-icon.jpg";
- const BOT_AVATAR = "/images/company-brain/supermemory-slack-icon.png";
+ const childItems = Array.isArray(children) ? children : [children];
+ const resolvedAvatar = hasAvatar ? childItems[0] : null;
+ const messageBody = hasAvatar ? childItems.slice(1) : children;
const resolvedName = bot ? "supermemory" : self ? SELF_NAME : name || SELF_NAME;
- const resolvedAvatar = bot ? BOT_AVATAR : self ? SELF_AVATAR : avatar;
const resolvedBadges = badges || (bot ? ["AGENT"] : null);
return (
@@ -248,11 +243,9 @@ export const SlackMessage = ({
))}
{resolvedAvatar ? (
-
+
+ {resolvedAvatar}
+
) : (
- {children}
+ {messageBody}
{reactions ? (