show only when edit

Author: nursoltan-s

src/components/ChallengeEditor/AssignedMember-Field/index.js

@@ -7,7 +7,7 @@ import cn from 'classnames'
 import styles from './AssignedMember-Field.module.scss'
 import SelectUserAutocomplete from '../../SelectUserAutocomplete'
 
-const AssignedMemberField = ({ challenge, onAssignSelf, onChange, assignedMemberDetails, readOnly }) => {
+const AssignedMemberField = ({ challenge, onAssignSelf, onChange, assignedMemberDetails, readOnly, isEdit }) => {
   const value = assignedMemberDetails ? {
     // if we know assigned member details, then show user `handle`, otherwise fallback to `userId`
     label: assignedMemberDetails.handle,
@@ -29,12 +29,15 @@ const AssignedMemberField = ({ challenge, onAssignSelf, onChange, assignedMember
           />
         )}
       </div>
-      <div className={styles.assignSelfField}>
-        <a href='#' onClick={(e) => {
-          e.preventDefault()
-          onAssignSelf()
-        }}>Assign to me</a>
-      </div>
+      {
+        isEdit &&
+        <div className={styles.assignSelfField}>
+          <a href='#' onClick={(e) => {
+            e.preventDefault()
+            onAssignSelf()
+          }}>Assign to me</a>
+        </div>
+      }
     </div>
   )
 }
@@ -49,7 +52,8 @@ AssignedMemberField.propTypes = {
   onChange: PropTypes.func,
   assignedMemberDetails: PropTypes.shape(),
   readOnly: PropTypes.bool,
-  onAssignSelf: PropTypes.func
+  onAssignSelf: PropTypes.func,
+  isEdit: PropTypes.bool.isRequired
 }
 
 export default AssignedMemberField

src/components/ChallengeEditor/index.js

@@ -1107,6 +1107,7 @@ class ChallengeEditor extends Component {
     const {
       isNew,
       isLoading,
+      isEdit,
       metadata,
       uploadAttachment,
       token,
@@ -1344,6 +1345,7 @@ class ChallengeEditor extends Component {
                 onChange={this.onUpdateAssignedMember}
                 assignedMemberDetails={assignedMemberDetails}
                 onAssignSelf={this.onAssignSelf}
+                isEdit={isEdit}
               />
             )}
             <CopilotField challenge={challenge} copilots={metadata.members} onUpdateOthers={this.onUpdateOthers} />
@@ -1465,7 +1467,8 @@ ChallengeEditor.defaultProps = {
   attachments: [],
   failedToLoad: false,
   challengeResources: {},
-  projectDetail: {}
+  projectDetail: {},
+  isEdit: false
 }
 
 ChallengeEditor.propTypes = {
@@ -1488,7 +1491,8 @@ ChallengeEditor.propTypes = {
   createChallenge: PropTypes.func,
   replaceResourceInRole: PropTypes.func,
   partiallyUpdateChallengeDetails: PropTypes.func.isRequired,
-  loggedInUser: PropTypes.shape().isRequired
+  loggedInUser: PropTypes.shape().isRequired,
+  isEdit: PropTypes.bool
 }
 
 export default withRouter(ChallengeEditor)

src/containers/ChallengeEditor/index.js

@@ -337,6 +337,7 @@ class ChallengeEditor extends Component {
             replaceResourceInRole={replaceResourceInRole}
             partiallyUpdateChallengeDetails={partiallyUpdateChallengeDetails}
             loggedInUser={loggedInUser}
+            isEdit
           />
         ))
         } />