Merge pull request #1180 from Vips19/feature/fix-issue-#1172

fix issue #1172

Author: phead198708

src/components/ChallengeEditor/ChallengeView/ChallengeView.module.scss

@@ -263,7 +263,7 @@
 .button {
   height: 40px;
   span {
-    padding: 0 20px;
+    padding: 0 15px;
   }
 }
 .buttonContainer {

src/components/ChallengeEditor/ChallengeView/index.js

@@ -112,11 +112,13 @@ const ChallengeView = ({
           isTask && challenge.status === 'Active' && (
             <div className={styles.button}>
               { assignedMemberDetails ? (
-                <PrimaryButton text={'Close Task'} type={'danger'} onClick={onCloseTask} />
+                <Tooltip content={MESSAGE.MARK_COMPLETE}>
+                  <PrimaryButton text={'Mark Complete'} type={'success'} onClick={onCloseTask} />
+                </Tooltip>
               ) : (
                 <Tooltip content={MESSAGE.NO_TASK_ASSIGNEE}>
                   {/* Don't disable button for real inside tooltip, otherwise mouseEnter/Leave events work not good */}
-                  <PrimaryButton text={'Close Task'} type={'disabled'} />
+                  <PrimaryButton text={'Mark Complete'} type={'disabled'} />
                 </Tooltip>
               )}
             </div>

src/config/constants.js

@@ -228,5 +228,6 @@ export const MESSAGE = {
   TASK_CLOSE_SUCCESS: 'Task closed successfully',
   CHALLENGE_LAUNCH_SUCCESS: 'Challenge activated successfully',
   COMMUNITY_REVIEW_DISABLED: 'Community review is NOT available for Design challenges',
-  INTERNAL_REVIEW_DISABLED: 'Internal review is NOT available for QA challenges'
+  INTERNAL_REVIEW_DISABLED: 'Internal review is NOT available for QA challenges',
+  MARK_COMPLETE: 'This will close the task and generate a payment for the assignee and copilot.'
 }