From b54933255afd8fc4da50832fbd9f9d315761511e Mon Sep 17 00:00:00 2001
From: maxceem <maxceem@gmail.com>
Date: Tue, 24 Nov 2020 10:58:58 +0200
Subject: [PATCH] feat: show link to Direct project

ref issue #900
---
 .../ChallengesComponent.module.scss           |  9 +++++
 src/components/ChallengesComponent/index.js   | 33 ++++++++++++-------
 2 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/src/components/ChallengesComponent/ChallengesComponent.module.scss b/src/components/ChallengesComponent/ChallengesComponent.module.scss
index 16729d94..c453ea90 100644
--- a/src/components/ChallengesComponent/ChallengesComponent.module.scss
+++ b/src/components/ChallengesComponent/ChallengesComponent.module.scss
@@ -24,6 +24,15 @@
   padding: 0 20px;
 }
 
+.titleLinks {
+  align-items: center;
+  display: flex;
+
+  > a + a {
+    margin-left: 20px;
+  }
+}
+
 .buttonLaunchNew {
   min-width: 135px;
   height: 40px;
diff --git a/src/components/ChallengesComponent/index.js b/src/components/ChallengesComponent/index.js
index 27c894c5..3042ff10 100644
--- a/src/components/ChallengesComponent/index.js
+++ b/src/components/ChallengesComponent/index.js
@@ -6,7 +6,7 @@ import PropTypes from 'prop-types'
 import Sticky from 'react-stickynode'
 import { Helmet } from 'react-helmet'
 import { Link } from 'react-router-dom'
-import { CONNECT_APP_URL } from '../../config/constants'
+import { CONNECT_APP_URL, DIRECT_PROJECT_URL } from '../../config/constants'
 
 import { PrimaryButton } from '../Buttons'
 import ChallengeList from './ChallengeList'
@@ -32,17 +32,26 @@ const ChallengesComponent = ({
       <div>
         <Helmet title={activeProject ? activeProject.name : ''} />
         <div className={styles.titleContainer}>
-          {(activeProject && activeProject.id) ? (
-            <a
-              className={styles.buttonLaunchNew}
-              href={`${CONNECT_APP_URL}/projects/${activeProject.id}`}
-              target={'_blank'}
-            >
-              <PrimaryButton text={'View Project in Connect'} type={'info'} />
-            </a>
-          ) : (
-            <span />
-          )}
+          <div className={styles.titleLinks}>
+            {activeProject && activeProject.id && (
+              <a
+                className={styles.buttonLaunchNew}
+                href={`${CONNECT_APP_URL}/projects/${activeProject.id}`}
+                target={'_blank'}
+              >
+                <PrimaryButton text={'View Project in Connect'} type={'info'} />
+              </a>
+            )}
+            {activeProject && activeProject.directProjectId && (
+              <a
+                className={styles.buttonLaunchNew}
+                href={`${DIRECT_PROJECT_URL}/projectOverview?formData.projectId=${activeProject.directProjectId}`}
+                target={'_blank'}
+              >
+                <PrimaryButton text={'View Project in Direct'} type={'info'} />
+              </a>
+            )}
+          </div>
           <div
             className={styles.title}
             dangerouslySetInnerHTML={{