feat: add profile image to comment header

openedx · Nov 25, 2023 · fc330a8 · fc330a8
1 parent 5f8374b
commit fc330a8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/discussions/post-comments/comments/comment/CommentHeader.jsx b/src/discussions/post-comments/comments/comment/CommentHeader.jsx
@@ -16,6 +16,8 @@ const CommentHeader = ({
   const colorClass = AvatarOutlineAndLabelColors[comment.authorLabel];
   const hasAnyAlert = useAlertBannerVisible(comment);
 
+  const profileImage = comment.users && Object.values(comment.users)[0].profile.image;
+
   return (
     <div className={classNames('d-flex flex-row justify-content-between', {
       'mt-2': hasAnyAlert,
@@ -25,6 +27,7 @@ const CommentHeader = ({
         <Avatar
           className={`border-0 ml-0.5 mr-2.5 ${colorClass ? `outline-${colorClass}` : 'outline-anonymous'}`}
           alt={comment.author}
+          src={profileImage.hasImage ? profileImage.imageUrlSmall : undefined}
           style={{
             width: '32px',
             height: '32px',

diff --git a/src/discussions/posts/post/PostHeader.jsx b/src/discussions/posts/post/PostHeader.jsx
@@ -38,7 +38,7 @@ export const PostAvatar = ({
     return spacing;
   }, [post.type]);
 
-  const profileImage = Object.values(post.users)[0].profile.image;
+  const profileImage = post.users && Object.values(post.users)[0].profile.image;
 
   return (
     <div className={avatarSpacing}>