Merge pull request #2616 from appirio-tech/hotfix/Fixed_reverted_change_timeline_header

Hotfix/fixed reverted change timeline header

Author: RishiRajSahu

src/projects/detail/components/timeline/Milestone/Milestone.jsx

@@ -175,7 +175,7 @@ class Milestone extends React.Component {
       <div styleName="timeline-post">
         {(<div styleName={'background ' + ((this.state.isHoverHeader && !this.state.isEditing && !isCompleted) ? 'hover ': '')} />)}
         <div styleName="col-date">
-          <div styleName={(isCompleted ? 'completed' : 'planned' )}>
+          <div styleName={(isCompleted || isActive ? 'completed' : 'planned' )}>
             <div styleName="month">{month}</div>
             <div styleName="day">{date}</div>
           </div>

src/projects/detail/components/timeline/Timeline/Timeline.jsx

@@ -5,7 +5,6 @@ import React from 'react'
 import PT from 'prop-types'
 import _ from 'lodash'
 
-import TimelineHeader from '../TimelineHeader'
 import Milestone from '../Milestone'
 import LoadingIndicator from '../../../../../components/LoadingIndicator/LoadingIndicator'
 
@@ -104,12 +103,6 @@ class Timeline extends React.Component {
       const orderedMilestones = timeline.milestones ? _.orderBy(timeline.milestones, ['order']) : []
       return (
         <div ref={ div => { this.div = div } }>
-          <TimelineHeader
-            postContent={{
-              title: timeline.name,
-              postMsg: timeline.description,
-            }}
-          />
           {_.reject(orderedMilestones, { hidden: true }).map((milestone) => (
             <Milestone
               key={milestone.id}