Merge pull request #1076 from topcoder-platform/update-task-view-n-api

Pure V5 task

Author: sachin-maheshwari

src/components/ChallengeEditor/ChallengeView/index.js

@@ -86,15 +86,17 @@ const ChallengeView = ({
   return (
     <div className={styles.wrapper}>
       <Helmet title='View Details' />
-      <div className={cn(styles.actionButtons, styles.button, styles.actionButtonsLeft)}>
-        <LegacyLinks challenge={challenge} />
-      </div>
+      {!isTask && (
+        <div className={cn(styles.actionButtons, styles.button, styles.actionButtonsLeft)}>
+          <LegacyLinks challenge={challenge} />
+        </div>
+      )}
       <div className={styles.title}>View Details</div>
       <div className={cn(styles.actionButtons, styles.button, styles.actionButtonsRight)}>
         {
           challenge.status === 'Draft' && (
             <div className={styles.button}>
-              {challenge.legacyId ? (
+              {(challenge.legacyId || isTask) ? (
                 <PrimaryButton text={'Launch'} type={'info'} onClick={onLaunchChallenge} />
               ) : (
                 <Tooltip content={MESSAGE.NO_LEGACY_CHALLENGE}>

src/components/ChallengeEditor/index.js

@@ -851,6 +851,9 @@ class ChallengeEditor extends Component {
       groups: []
       // prizeSets: this.getDefaultPrizeSets()
     }
+    if (isTask) {
+      newChallenge.legacy.pureV5Task = true
+    }
     if (projectDetail.terms) {
       const currTerms = new Set(newChallenge.terms.map(term => term.id))
       newChallenge.terms.push(
@@ -1318,7 +1321,7 @@ class ChallengeEditor extends Component {
               </div>
               {isDraft && (
                 <div className={styles.button}>
-                  {challenge.legacyId ? (
+                  {challenge.legacyId || isTask ? (
                     <PrimaryButton text={'Launch as Active'} type={'info'} onClick={this.toggleLaunch} />
                   ) : (
                     <Tooltip content={MESSAGE.NO_LEGACY_CHALLENGE}>

src/components/ChallengesComponent/ChallengeCard/index.js

@@ -100,6 +100,7 @@ const hoverComponents = (challenge, onUpdateLaunch, deleteModalLaunch) => {
   const communityAppUrl = `${COMMUNITY_APP_URL}/challenges/${challenge.id}`
   const directUrl = `${DIRECT_PROJECT_URL}/contest/detail?projectId=${challenge.legacyId}`
   const orUrl = `${ONLINE_REVIEW_URL}/review/actions/ViewProjectDetails?pid=${challenge.legacyId}`
+  const isTask = _.get(challenge, 'task.isTask', false)
 
   // NEW projects never have Legacy challenge created, so don't show links and "Activate" button for them at all
   if (challenge.status.toUpperCase() === CHALLENGE_STATUS.NEW) {
@@ -110,15 +111,17 @@ const hoverComponents = (challenge, onUpdateLaunch, deleteModalLaunch) => {
     )
   }
 
-  return challenge.legacyId ? (
+  return challenge.legacyId || isTask ? (
     <div className={styles.linkGroup}>
       <div className={styles.linkGroupLeft}>
         <a className={styles.link} href={communityAppUrl} target='_blank'>View Challenge</a>
-        <div className={styles.linkGroupLeftBottom}>
-          <a className={styles.link} href={directUrl} target='_blank'>Direct</a>
-          <span className={styles.linkDivider}>|</span>
-          <a className={styles.link} href={orUrl} target='_blank'>OR</a>
-        </div>
+        {!isTask && (
+          <div className={styles.linkGroupLeftBottom}>
+            <a className={styles.link} href={directUrl} target='_blank'>Direct</a>
+            <span className={styles.linkDivider}>|</span>
+            <a className={styles.link} href={orUrl} target='_blank'>OR</a>
+          </div>
+        )}
       </div>
       {challenge.status.toUpperCase() === CHALLENGE_STATUS.DRAFT && (
         <button className={styles.activateButton} onClick={() => onUpdateLaunch()}>
@@ -130,15 +133,17 @@ const hoverComponents = (challenge, onUpdateLaunch, deleteModalLaunch) => {
     <div className={styles.linkGroup}>
       <div className={styles.linkGroupLeft}>
         <a className={styles.link} href={communityAppUrl}>View Challenge</a>
-        <div className={styles.linkGroupLeftBottom}>
-          <Tooltip content={MESSAGE.NO_LEGACY_CHALLENGE}>
-            <span className={styles.link}>Direct</span>
-          </Tooltip>
-          <span className={styles.linkDivider}>|</span>
-          <Tooltip content={MESSAGE.NO_LEGACY_CHALLENGE}>
-            <span className={styles.link}>OR</span>
-          </Tooltip>
-        </div>
+        {!isTask && (
+          <div className={styles.linkGroupLeftBottom}>
+            <Tooltip content={MESSAGE.NO_LEGACY_CHALLENGE}>
+              <span className={styles.link}>Direct</span>
+            </Tooltip>
+            <span className={styles.linkDivider}>|</span>
+            <Tooltip content={MESSAGE.NO_LEGACY_CHALLENGE}>
+              <span className={styles.link}>OR</span>
+            </Tooltip>
+          </div>
+        )}
       </div>
       {
         challenge.status === 'Draft' && (