diff --git a/src/components/ChallengeEditor/ChallengeView/index.js b/src/components/ChallengeEditor/ChallengeView/index.js index 1623765c..accf7e1b 100644 --- a/src/components/ChallengeEditor/ChallengeView/index.js +++ b/src/components/ChallengeEditor/ChallengeView/index.js @@ -89,7 +89,7 @@ const ChallengeView = ({ {!isTask && (
- +
)}
View Details
@@ -230,15 +230,6 @@ const ChallengeView = ({ readOnly /> )} -
- { challenge.discussions && challenge.discussions.map(d => ( -
-
- Forum: {d.name} -
-
- ))} -
Public specification *
diff --git a/src/components/LegacyLinks/LegacyLinks.module.scss b/src/components/LegacyLinks/LegacyLinks.module.scss index a6f48d60..ac057bd4 100644 --- a/src/components/LegacyLinks/LegacyLinks.module.scss +++ b/src/components/LegacyLinks/LegacyLinks.module.scss @@ -2,6 +2,7 @@ .container { display: flex; margin-top: auto; + align-items: center; button:not(:first-child), a:not(:first-child) { @@ -13,4 +14,28 @@ outline: none; white-space: nowrap; } + + .row { + margin-bottom: 0; + + &.topRow { + flex-wrap: wrap; + } + } + + .col { + margin-right: 20px; + display: flex; + align-items: center; + + .fieldTitle { + @include roboto-bold(); + + font-size: 16px; + line-height: 19px; + font-weight: 500; + color: $tc-gray-80; + margin-right: 10px; + } + } } diff --git a/src/components/LegacyLinks/index.js b/src/components/LegacyLinks/index.js index cf7a8c94..caae320a 100644 --- a/src/components/LegacyLinks/index.js +++ b/src/components/LegacyLinks/index.js @@ -3,12 +3,13 @@ */ import React, { useCallback } from 'react' import PropTypes from 'prop-types' +import cn from 'classnames' import styles from './LegacyLinks.module.scss' import { DIRECT_PROJECT_URL, MESSAGE, ONLINE_REVIEW_URL } from '../../config/constants' import PrimaryButton from '../Buttons/PrimaryButton' import Tooltip from '../Tooltip' -const LegacyLinks = ({ challenge }) => { +const LegacyLinks = ({ challenge, challengeView }) => { const onClick = useCallback((e) => { e.stopPropagation() }, []) @@ -38,12 +39,22 @@ const LegacyLinks = ({ challenge }) => { )} +
+ { challengeView && challenge.discussions && challenge.discussions.map(d => ( +
+
+ Forum: {d.name} +
+
+ ))} +
) } LegacyLinks.propTypes = { - challenge: PropTypes.object + challenge: PropTypes.object, + challengeView: PropTypes.bool } export default LegacyLinks