feat: add env variable to display image

Author: vladislavkeblysh

.env

@@ -22,3 +22,4 @@ USER_INFO_COOKIE_NAME=''
 SUPPORT_URL=''
 LEARNER_FEEDBACK_URL=''
 STAFF_FEEDBACK_URL=''
+ENABLE_PROFILE_IMAGE=''

.env.development

@@ -23,3 +23,4 @@ USER_INFO_COOKIE_NAME='edx-user-info'
 SUPPORT_URL='https://support.edx.org'
 LEARNER_FEEDBACK_URL=''
 STAFF_FEEDBACK_URL=''
+ENABLE_PROFILE_IMAGE='true'

.env.test

@@ -21,3 +21,4 @@ USER_INFO_COOKIE_NAME='edx-user-info'
 SUPPORT_URL='https://support.edx.org'
 LEARNER_FEEDBACK_URL=''
 STAFF_FEEDBACK_URL=''
+ENABLE_PROFILE_IMAGE=''

src/discussions/post-comments/comments/comment/CommentHeader.jsx

@@ -7,6 +7,7 @@ import classNames from 'classnames';
 import { AvatarOutlineAndLabelColors } from '../../../../data/constants';
 import { AuthorLabel } from '../../../common';
 import { useAlertBannerVisible } from '../../../data/hooks';
+import {getConfig} from "@edx/frontend-platform";
 
 const CommentHeader = ({
   author,
@@ -25,7 +26,7 @@ const CommentHeader = ({
     closed,
   });
 
-  const profileImage = postUsers && Object.values(postUsers)[0].profile.image;
+  const profileImage = getConfig().ENABLE_PROFILE_IMAGE === 'true' && postUsers && Object.values(postUsers)[0].profile.image;
 
   return (
     <div className={classNames('d-flex flex-row justify-content-between', {

src/discussions/posts/post/PostHeader.jsx

@@ -11,6 +11,7 @@ import { AvatarOutlineAndLabelColors, ThreadType } from '../../../data/constants
 import { AuthorLabel } from '../../common';
 import { useAlertBannerVisible } from '../../data/hooks';
 import messages from './messages';
+import {getConfig} from "@edx/frontend-platform";
 
 export const PostAvatar = React.memo(({
   author, postType, authorLabel, fromPostLink, read, postUsers,
@@ -37,7 +38,7 @@ export const PostAvatar = React.memo(({
     return spacing;
   }, [postType]);
 
-  const profileImage = postUsers && Object.values(postUsers)[0].profile.image;
+  const profileImage = getConfig().ENABLE_PROFILE_IMAGE === 'true' && postUsers && Object.values(postUsers)[0].profile.image;
 
   return (
     <div className={avatarSpacing}>

src/index.jsx

@@ -40,6 +40,7 @@ initialize({
         LEARNING_BASE_URL: process.env.LEARNING_BASE_URL,
         LEARNER_FEEDBACK_URL: process.env.LEARNER_FEEDBACK_URL,
         STAFF_FEEDBACK_URL: process.env.STAFF_FEEDBACK_URL,
+        ENABLE_PROFILE_IMAGE: process.env.ENABLE_PROFILE_IMAGE,
       }, 'DiscussionsConfig');
     },
   },