#4337 - Fix empty string description validation during phase creation/update

Author: System Administrator

src/projects/detail/components/CreatePhaseForm/CreatePhaseForm.jsx

@@ -120,7 +120,7 @@ class CreatePhaseForm extends React.Component {
 
     const phaseData = {
       title: model.title,
-      description: model.description,
+      description: model.description || ' ',
       startDate: moment(model.startDate),
       endDate: moment(model.endDate),
     }

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

@@ -76,6 +76,7 @@ class EditStageForm extends React.Component {
   }
 
   submitValue(model) {
+    console.log(model)
     const { phase, phaseIndex, updatePhaseAction } = this.props
     const {
       publishClicked
@@ -87,6 +88,7 @@ class EditStageForm extends React.Component {
       newStatus = PHASE_STATUS_ACTIVE
     }
     const updateParam = _.assign({}, model, {
+      description: model.description || ' ',
       startDate: updatedStartDate,
       endDate: updatedEndDate || '',
       status: newStatus,
@@ -286,7 +288,7 @@ class EditStageForm extends React.Component {
                     wrapperClass={`${styles['input-row']}`}
                     label="Description"
                     name="description"
-                    value={phase.description}
+                    value={phase.description.trim()}
                     maxLength={255}
                   />
                 </div>

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

@@ -183,7 +183,7 @@ class PhaseCard extends React.Component {
                         {phaseEditable && !this.state.isEditting && (<a styleName="edit-btn" onClick={this.toggleEditView} />
                         )}
                       </div>
-                      <div styleName="project-description">{attr.phase.description}</div>
+                      {attr.phase.description.trim().length > 0 && <div styleName="project-description">{attr.phase.description}</div>}
                       <div styleName="meta-list">
                         <span styleName="meta">{attr.duration}</span>
                         <span styleName="meta">{attr.startEndDates}</span>