feat: renamed "Deadline" to "Next Step Date" for next steps' date label (#866)

Author: nbiton

imports/ui/case/case-details.jsx

@@ -26,7 +26,7 @@ const mediaItemRowCount = 3
 
 const renderEditableTargetAttribute = (
   {
-    attrName, value, targetDate, editUrl, showTime = false
+    attrName, value, targetDate, editUrl, dateLabel, showTime = false
   }
 ) => (
   <InfoItemContainer>
@@ -46,7 +46,7 @@ const renderEditableTargetAttribute = (
         }
         {targetDate && (
           <div className='mt2 f7 warn-crimson b'>
-            Deadline: {moment(targetDate).format('YYYY-MM-DD' + (showTime ? ', h:mm' : ''))}{showTime ? ' hrs' : ''}
+            {dateLabel}: {moment(targetDate).format('YYYY-MM-DD' + (showTime ? ', h:mm' : ''))}{showTime ? ' hrs' : ''}
           </div>
         )}
       </div>
@@ -506,6 +506,7 @@ class CaseDetails extends Component {
         </div>
         {renderEditableTargetAttribute({
           attrName: 'Solution',
+          dateLabel: 'Deadline',
           value: solution,
           targetDate: solutionDeadline && new Date(solutionDeadline),
           editUrl: `${match.url}/solution`
@@ -514,6 +515,7 @@ class CaseDetails extends Component {
           <CaseTargetAttrDialog
             show={!!subMatch}
             attrName='Solution'
+            dateLabel='Deadline'
             initialValue={solution}
             initialDate={solutionDeadline && new Date(solutionDeadline)}
             onSubmit={(value, date) => {
@@ -531,13 +533,15 @@ class CaseDetails extends Component {
         {renderEditableTargetAttribute({
           attrName: 'Next steps',
           value: nextSteps,
+          dateLabel: 'Next Step Date',
           targetDate: nextStepsBy && new Date(nextStepsBy),
           editUrl: `${match.url}/nextSteps`
         })}
         <Route path={`${match.url}/nextSteps`} children={({ match: subMatch }) => (
           <CaseTargetAttrDialog
             show={!!subMatch}
             attrName='Next Steps'
+            dateLabel='Next Step Date'
             initialValue={nextSteps}
             initialDate={nextStepsBy && new Date(nextStepsBy)}
             onSubmit={(value, date) => {

imports/ui/dialogs/case-target-attr-dialog.jsx

@@ -21,6 +21,7 @@ type Props = {
   attrName: string,
   initialValue?: string,
   initialDate?: Date,
+  dateLabel: string,
   onCancel: () => void,
   showTime?: boolean,
   onSubmit: (value: string, date: Date) => void
@@ -116,7 +117,7 @@ export default class CaseTargetAttrDialog extends React.Component<Props, State>
   }
 
   render () {
-    const { show, onCancel, attrName, showTime } = this.props
+    const { show, onCancel, attrName, showTime, dateLabel } = this.props
     const { attrValue, attrDate, attrTime, isEditing, hideDateRow } = this.state
     const now = new Date()
     return (
@@ -150,7 +151,7 @@ export default class CaseTargetAttrDialog extends React.Component<Props, State>
             rowsMax={3}
           />
           <div className='mt3 flex-grow'>
-            {!hideDateRow && infoItemLabel('Deadline')}
+            {!hideDateRow && infoItemLabel(dateLabel)}
             {!hideDateRow && (
               <div className='flex'>
                 <div className='flex-grow flex items-center'>