diff --git a/src/shared/components/challenge-listing/ChallengeCard/index.jsx b/src/shared/components/challenge-listing/ChallengeCard/index.jsx index c91a01e1b5..1458b05d1b 100644 --- a/src/shared/components/challenge-listing/ChallengeCard/index.jsx +++ b/src/shared/components/challenge-listing/ChallengeCard/index.jsx @@ -91,12 +91,15 @@ function ChallengeCard({ {challenge.status === 'Active' ? 'Ends ' : 'Ended '} {getEndDate(challenge, challengeTypes)} - expandTag(challenge.id)} - /> + { challenge.tags.length > 0 + && ( + expandTag(challenge.id)} + /> + ) } diff --git a/src/shared/components/challenge-listing/ReviewOpportunityCard/index.jsx b/src/shared/components/challenge-listing/ReviewOpportunityCard/index.jsx index a8fa5ae23b..25df3548a3 100644 --- a/src/shared/components/challenge-listing/ReviewOpportunityCard/index.jsx +++ b/src/shared/components/challenge-listing/ReviewOpportunityCard/index.jsx @@ -48,7 +48,8 @@ function ReviewOpportunityCard({ }) { const { challenge } = opportunity; const { subTrack, legacy } = challenge; - const tags = challenge.tags || challenge.technologies; + let tags = challenge.tags || challenge.technologies; + tags = tags.filter(tag => tag.trim().length); const track = legacy ? legacy.track : challenge.track; const start = moment(opportunity.startDate); return ( @@ -80,12 +81,15 @@ function ReviewOpportunityCard({ {' '} {start.format('MMM DD')} - expandTag(challenge.id)} - onTechTagClicked={onTechTagClicked} - /> + { tags.length > 0 + && ( + expandTag(challenge.id)} + onTechTagClicked={onTechTagClicked} + /> + ) }