diff --git a/src/components/ChallengesComponent/index.js b/src/components/ChallengesComponent/index.js index dd932641..6502354a 100644 --- a/src/components/ChallengesComponent/index.js +++ b/src/components/ChallengesComponent/index.js @@ -7,7 +7,7 @@ import PropTypes from 'prop-types' import { Helmet } from 'react-helmet' import { Link } from 'react-router-dom' import ProjectStatus from './ProjectStatus' -import { PROJECT_ROLES, PROJECT_STATUS, COPILOTS_URL } from '../../config/constants' +import { PROJECT_ROLES, PROJECT_STATUS, COPILOTS_URL, CHALLENGE_STATUS } from '../../config/constants' import { PrimaryButton, OutlineButton } from '../Buttons' import ChallengeList from './ChallengeList' import styles from './ChallengesComponent.module.scss' @@ -53,6 +53,12 @@ const ChallengesComponent = ({ const isReadOnly = checkReadOnlyRoles(auth.token) || loginUserRoleInProject === PROJECT_ROLES.READ const isAdminOrCopilot = checkAdminOrCopilot(auth.token, activeProject) + const projectStatus = activeProject && activeProject.status + ? activeProject.status.toUpperCase() + : '' + const isCompletedOrCancelled = + projectStatus === CHALLENGE_STATUS.CANCELLED || projectStatus === CHALLENGE_STATUS.COMPLETED + useEffect(() => { const loggedInUser = auth.user const projectMembers = activeProject.members @@ -94,7 +100,7 @@ const ChallengesComponent = ({ className={styles.btnOutline} /> )} - {(checkAdmin(auth.token) || checkManager(auth.token)) && ( + {(checkAdmin(auth.token) || checkManager(auth.token)) && !isCompletedOrCancelled && (