This commit is contained in:
Kakabay 2024-09-04 16:07:31 +05:00
parent 6545b772ed
commit 3e87c57213
1 changed files with 63 additions and 24 deletions

View File

@ -236,10 +236,26 @@ const ParticipantsList = ({ vote_id }: IParams) => {
<div className="flex flex-col items-center overflow-hidden bg-fillNavyBlue rounded-[10px] sm:rounded-[30px] max-w-[940px] w-full px-[5px] py-[20px] sm:p-[20px] sm:gap-[20px] gap-[10px]"> <div className="flex flex-col items-center overflow-hidden bg-fillNavyBlue rounded-[10px] sm:rounded-[30px] max-w-[940px] w-full px-[5px] py-[20px] sm:p-[20px] sm:gap-[20px] gap-[10px]">
{participantsData.map((participant, id) => {participantsData.map((participant, id) =>
participant.votes_count === participantsData[0].votes_count ? ( participant.votes_count === participantsData[0].votes_count ? (
<Link participant.url ? (
href={participant.url ? participant.url : ''} <Link
target="_blank" href={participant.url ? participant.url : ''}
className="w-full"> target="_blank"
className="w-full">
<ParticipantCard
key={v4()}
voteStatus={voteStatus ? voteStatus : ''}
isFirst={id === 0 ? true : false}
name={participant.title}
progress={participant.votes_percents}
votes={participant.votes_count}
voteCode={participant.vote_code}
number={id + 1}
photo={participant.photo}
smsNumber={data.data.sms_number}
winner={true}
/>
</Link>
) : (
<ParticipantCard <ParticipantCard
key={v4()} key={v4()}
voteStatus={voteStatus ? voteStatus : ''} voteStatus={voteStatus ? voteStatus : ''}
@ -253,7 +269,7 @@ const ParticipantsList = ({ vote_id }: IParams) => {
smsNumber={data.data.sms_number} smsNumber={data.data.sms_number}
winner={true} winner={true}
/> />
</Link> )
) : null, ) : null,
)} )}
</div> </div>
@ -261,25 +277,48 @@ const ParticipantsList = ({ vote_id }: IParams) => {
{winnersCount > 1 ? <div className="w-full h-[1px] bg-[#3636A3]"></div> : null} {winnersCount > 1 ? <div className="w-full h-[1px] bg-[#3636A3]"></div> : null}
</div> </div>
{participantsData <div className="flex flex-col items-center max-w-[940px] w-full gap-5 justify-center mx-auto">
? participantsData.map((participant, id) => {participantsData
participant.id !== participantsData[0].id && voteStatus ? ( ? participantsData.map((participant, id) =>
<ParticipantCard participant.id !== participantsData[0].id && voteStatus ? (
key={v4()} participant.url ? (
voteStatus={voteStatus} <Link
isFirst={id === 0 ? true : false} href={participant.url ? participant.url : ''}
name={participant.title} target="_blank"
progress={participant.votes_percents} className="w-full mx-auto">
votes={participant.votes_count} <ParticipantCard
voteCode={participant.vote_code} key={v4()}
number={id + 1} voteStatus={voteStatus}
photo={participant.photo} isFirst={id === 0 ? true : false}
smsNumber={data.data.sms_number} name={participant.title}
winner={false} progress={participant.votes_percents}
/> votes={participant.votes_count}
) : null, voteCode={participant.vote_code}
) number={id + 1}
: null} photo={participant.photo}
smsNumber={data.data.sms_number}
winner={false}
/>
</Link>
) : (
<ParticipantCard
key={v4()}
voteStatus={voteStatus}
isFirst={id === 0 ? true : false}
name={participant.title}
progress={participant.votes_percents}
votes={participant.votes_count}
voteCode={participant.vote_code}
number={id + 1}
photo={participant.photo}
smsNumber={data.data.sms_number}
winner={false}
/>
)
) : null,
)
: null}
</div>
</div> </div>
</div> </div>
); );