diff --git a/src/js/common/components/Challenge/ChallengeAbout.jsx b/src/js/common/components/Challenge/ChallengeAbout.jsx index 2057e9f1d..273b27a5c 100644 --- a/src/js/common/components/Challenge/ChallengeAbout.jsx +++ b/src/js/common/components/Challenge/ChallengeAbout.jsx @@ -73,6 +73,19 @@ function ChallengeAbout ({ challengeWeVoteId, showDaysLeft }) { )} ); + const challengeOwnersText = ( + + Challenge started by + {' '} + {challengeOwners.slice(0, 3).map((owner, index) => ( + + {owner.organization_name} + {index < challengeOwners.slice(0, 3).length - 1 ? ', ' : ''} + + ))} + {challengeOwners.length > 3 && ' and others'} + + ); const remindFriends = 'Remind as many friends as you can about the date of the election, and let them know you will be voting.'; const currentLeader = `Current leader: ${participantNameWithHighestRank}`; const friendsInvited = ( @@ -87,7 +100,7 @@ function ChallengeAbout ({ challengeWeVoteId, showDaysLeft }) { ); - const showStartedBy = false; + const showStartedBy = true; return ( @@ -141,13 +154,7 @@ function ChallengeAbout ({ challengeWeVoteId, showDaysLeft }) { beforeInjection={(svg) => svg.setAttribute('style', { padding: '1px 1px 1px 0px' })} /> - - - Challenge started by - {' '} - {challengeOwners.map((owner) => {owner.organization_name})} - - + {challengeOwnersText} )}