diff --git a/.circleci/config.yml b/.circleci/config.yml index 086cb438b1..e62fcf103d 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -237,7 +237,7 @@ workflows: filters: branches: only: - - free + - spirit-award # This is alternate dev env for parallel testing - "build-qa": context : org-global diff --git a/src/shared/components/HallOfFamePage/HoF.jsx b/src/shared/components/HallOfFamePage/HoF.jsx index 8d1c1e8251..aeb380d546 100644 --- a/src/shared/components/HallOfFamePage/HoF.jsx +++ b/src/shared/components/HallOfFamePage/HoF.jsx @@ -7,6 +7,7 @@ import React from 'react'; import PT from 'prop-types'; import ContentfulLoader from 'containers/ContentfulLoader'; import { PrimaryButton, Button } from 'topcoder-react-ui-kit'; +import ContentBlock from 'components/Contentful/ContentBlock'; import Error404 from 'components/Error404'; @@ -239,6 +240,21 @@ const HallOfFamePage = ({ eventId, hallOfFame }) => { ) } + { + data.fields.spiritAwardWinners && ( +
+

Spirit Award

+
+ { + _.map( + data.fields.spiritAwardWinners, + sA => , + ) + } +
+
+ ) + } { tripWinnersBoard.data.length > 0 && (
diff --git a/src/shared/components/HallOfFamePage/styles.scss b/src/shared/components/HallOfFamePage/styles.scss index ead6167569..bad47a9ab3 100644 --- a/src/shared/components/HallOfFamePage/styles.scss +++ b/src/shared/components/HallOfFamePage/styles.scss @@ -372,3 +372,23 @@ background-color: #5cc900; } } + +.spirit-awards { + margin-top: 50px; + display: flex; + flex-direction: column; + align-items: center; + + h3 { + margin-bottom: 20px; + } + + .spirit-awards-wrap { + display: flex; + justify-content: center; + + a { + font-size: 16px; + } + } +}