change no challenges msg for self service

Author: doctorhilarius

src/components/ChallengesComponent/ChallengeList/index.js

@@ -198,7 +198,10 @@ class ChallengeList extends Component {
         </Tabs>)}
         {
           challenges.length === 0 && (
-            <NoChallenge activeProject={activeProject} />
+            <NoChallenge
+              activeProject={activeProject}
+              selfService={selfService}
+            />
           )
         }
         {

src/components/ChallengesComponent/NoChallenge/index.js

@@ -5,13 +5,21 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import styles from './NoChallenge.module.scss'
 
-const NoChallenge = ({ activeProject }) => {
+const NoChallenge = ({
+  activeProject,
+  selfService
+}) => {
+  let noChallengeMessage
+  if (selfService || !!activeProject) {
+    noChallengeMessage = selfService ? 'There are' : 'You have'
+    noChallengeMessage += ' no challenges at the moment'
+  } else {
+    noChallengeMessage = 'Please select a project to view challenges'
+  }
+
   return (
     <div className={styles.noChallenge}>
-      {
-        activeProject
-          ? (<p>You have no challenges at the moment</p>) : (<p>Please select a project to view challenges</p>)
-      }
+      <p>{noChallengeMessage}</p>
     </div>
   )
 }
@@ -24,7 +32,8 @@ NoChallenge.propTypes = {
   activeProject: PropTypes.shape({
     id: PropTypes.number,
     name: PropTypes.string
-  })
+  }),
+  selfService: PropTypes.bool
 }
 
 export default NoChallenge