feat: git#867-Add an Activate button to the challenge details screen for Draft challenges

— disabling the Activate button when the legacy is not ready

Author: Vikas Agarwal

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

@@ -245,7 +245,8 @@
 .actionButtonsRight {
   right: 20px;
 
-  button:not(:last-child),
+  
+  .button:not(:last-child),
   a:not(:last-child) {
     margin-right: 20px;
   }

src/components/ChallengeEditor/ChallengeView/index.js

@@ -21,6 +21,7 @@ import PhaseInput from '../../PhaseInput'
 import LegacyLinks from '../../LegacyLinks'
 import AssignedMemberField from '../AssignedMember-Field'
 import { getResourceRoleByName } from '../../../util/tc'
+import Tooltip from '../../Tooltip'
 
 const ChallengeView = ({
   projectDetail,
@@ -73,7 +74,16 @@ const ChallengeView = ({
       <div className={cn(styles.actionButtons, styles.button, styles.actionButtonsRight)}>
         {
           challenge.status === 'Draft' && (
-            <PrimaryButton text={'Launch'} type={'info'} onClick={onLaunchChallenge} />
+            <div className={styles.button}>
+              {challenge.legacyId ? (
+                <PrimaryButton text={'Launch'} type={'info'} onClick={onLaunchChallenge} />
+              ) : (
+                <Tooltip content='Legacy project is not yet created'>
+                  {/* Don't disable button for real inside tooltip, otherwise mouseEnter/Leave events work not good */}
+                  <PrimaryButton text={'Launch'} type={'disabled'} />
+                </Tooltip>
+              )}
+            </div>
           )
         }
         { enableEdit && <PrimaryButton text={'Edit'} type={'info'} submit link={`./edit`} /> }