topcoder-platform#172 Remove Current Phase from specific tabs

topcoder-platform#172 Remove Current Phase from specific tabs

Author: suppermancool

src/components/ChallengesComponent/ChallengeCard/index.js

@@ -156,7 +156,7 @@ class ChallengeCard extends React.Component {
 
   render () {
     const { isLaunch, isConfirm, isSaving } = this.state
-    const { challenge } = this.props
+    const { challenge, shouldShowCurrentPhase } = this.props
     const { phaseMessage, endTime } = getPhaseInfo(challenge)
     const communityAppUrl = `${COMMUNITY_APP_URL}/challenges/${challenge.legacyId}`
     return (
@@ -203,10 +203,10 @@ class ChallengeCard extends React.Component {
         <a className={styles.col2} href={communityAppUrl}>
           {renderStatus(challenge.status.toUpperCase())}
         </a>
-        <a className={styles.col3} href={communityAppUrl}>
+        {shouldShowCurrentPhase && (<a className={styles.col3} href={communityAppUrl}>
           <span className={styles.block}>{phaseMessage}</span>
           <span className='block light-text'>{endTime}</span>
-        </a>
+        </a>)}
         <div className={cn(styles.col4, styles.editingContainer)}>
           {hoverComponents(challenge, this.onUpdateLaunch)}
         </div>
@@ -225,8 +225,13 @@ class ChallengeCard extends React.Component {
   }
 }
 
+ChallengeCard.defaultPrps = {
+  shouldShowCurrentPhase: true
+}
+
 ChallengeCard.propTypes = {
-  challenge: PropTypes.object
+  challenge: PropTypes.object,
+  shouldShowCurrentPhase: PropTypes.bool
 }
 
 export default withRouter(ChallengeCard)

src/components/ChallengesComponent/ChallengeList/index.js

@@ -131,7 +131,7 @@ class ChallengeList extends Component {
             <div className={styles.header}>
               <div className={styles.col1}>Challenges Name</div>
               <div className={styles.col2}>Status</div>
-              <div className={styles.col3}>Current phase</div>
+              {(selectedTab === 0) && (<div className={styles.col3}>Current phase</div>)}
               <div className={styles.col4}>&nbsp;</div>
             </div>
           )
@@ -141,7 +141,7 @@ class ChallengeList extends Component {
             <ul className={styles.challengeList}>
               {
                 map(challenges, (c) => {
-                  return <li className={styles.challengeItem} key={`challenge-card-${c.id}`}><ChallengeCard challenge={c} /></li>
+                  return <li className={styles.challengeItem} key={`challenge-card-${c.id}`}><ChallengeCard shouldShowCurrentPhase={selectedTab === 0} challenge={c} /></li>
                 })
               }
             </ul>