From ece6081f9da62f1e3fdb2b347b3eed2de22b5c27 Mon Sep 17 00:00:00 2001
From: Naor Biton <naor.biton@gmail.com>
Date: Mon, 26 Aug 2019 00:00:52 +0800
Subject: [PATCH] feat: renamed "Deadline" to "Next Step Date" for next steps'
 date label (#866)

---
 imports/ui/case/case-details.jsx               | 8 ++++++--
 imports/ui/dialogs/case-target-attr-dialog.jsx | 5 +++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/imports/ui/case/case-details.jsx b/imports/ui/case/case-details.jsx
index e4eed731..f684621b 100644
--- a/imports/ui/case/case-details.jsx
+++ b/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,6 +533,7 @@ class CaseDetails extends Component {
         {renderEditableTargetAttribute({
           attrName: 'Next steps',
           value: nextSteps,
+          dateLabel: 'Next Step Date',
           targetDate: nextStepsBy && new Date(nextStepsBy),
           editUrl: `${match.url}/nextSteps`
         })}
@@ -538,6 +541,7 @@ class CaseDetails extends Component {
           <CaseTargetAttrDialog
             show={!!subMatch}
             attrName='Next Steps'
+            dateLabel='Next Step Date'
             initialValue={nextSteps}
             initialDate={nextStepsBy && new Date(nextStepsBy)}
             onSubmit={(value, date) => {
diff --git a/imports/ui/dialogs/case-target-attr-dialog.jsx b/imports/ui/dialogs/case-target-attr-dialog.jsx
index a59dfe24..f459095f 100644
--- a/imports/ui/dialogs/case-target-attr-dialog.jsx
+++ b/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'>