Merge pull request #4366 from appirio-tech/hotfix/unable_to_load_projects_without_phases

fix: hot fix for projects without phases not loading

Author: vikasrohit

src/projects/detail/components/PhaseCard/PhaseCard.jsx

@@ -185,8 +185,8 @@ class PhaseCard extends React.Component {
                       {attr.phase.description && attr.phase.description.trim().length > 0 && <div styleName="project-description">{attr.phase.description}</div>}
                       <div styleName="meta-list">
                         <span styleName="meta"><label>Duration:</label>{attr.duration}</span>
-                        <span styleName="meta"><label>Start Date:</label>{attr.actualStartDate.format('YYYY-MM-DD')}</span>
-                        <span styleName="meta"><label>End Date:</label>{attr.actualEndDate.format('YYYY-MM-DD')}</span>
+                        <span styleName="meta"><label>Start Date:</label>{attr.actualStartDate ? attr.actualStartDate.format('YYYY-MM-DD') : 'N/A'}</span>
+                        <span styleName="meta"><label>End Date:</label>{attr.actualEndDate ? attr.actualEndDate.format('YYYY-MM-DD') : 'N/A'}</span>
                         {!isSimplePlan && attr.posts && <span styleName="meta">{attr.posts}</span>}
                       </div>
                     </div>

src/projects/detail/components/PhaseCardListFooter/PhaseCardListFooter.jsx

@@ -18,8 +18,8 @@ const PhaseCardListFooter = ({
         <div styleName="total">Total:</div>
         <div styleName="meta-list">
           <span styleName="meta"><label>Duration:</label>{duration}</span>
-          <span styleName="meta"><label>Start Date:</label>{minStartDate.format('YYYY-MM-DD')}</span>
-          <span styleName="meta"><label>End Date:</label>{maxEndDate.format('YYYY-MM-DD')}</span>
+          <span styleName="meta"><label>Start Date:</label>{minStartDate ? minStartDate.format('YYYY-MM-DD') : 'N/A'}</span>
+          <span styleName="meta"><label>End Date:</label>{maxEndDate ? maxEndDate.format('YYYY-MM-DD') : 'N/A'}</span>
         </div>
       </div>
       {parseInt(price, 10) > 0 &&  <div styleName="price">price</div> }