PeL/force-orange-2022
PeL/force-orange-2022
1
1
Fork 0
mirror of https://github.com/Paris-est-Ludique/intranet.git synced 2025-06-09 09:04:20 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

show selected team for each candidates

Browse Source
This commit is contained in:
memeriau 2022-04-16 18:47:43 +02:00
parent 7c96636477
commit 49248a4bfa
1 changed files with 28 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/components/TeamAssignment/TeamWithCandidates.tsx
View File

@ -54,7 +54,7 @@ type Props = {
const TeamWithCandidates: FC<Props> = ({ teamId }): JSX.Element | null => { const TeamWithCandidates: FC<Props> = ({ teamId }): JSX.Element | null => {
const teams = useSelector(selectTeamsWithVolunteersCandidates) const teams = useSelector(selectTeamsWithVolunteersCandidates)
const team = teams.find((t) => t.id === teamId) const currentTeam = teams.find((t) => t.id === teamId)
const [, saveTeam] = useTeamAssign() const [, saveTeam] = useTeamAssign()
const onTeamSelected = useCallback( const onTeamSelected = useCallback(
@ -64,37 +64,39 @@ const TeamWithCandidates: FC<Props> = ({ teamId }): JSX.Element | null => {
[saveTeam] [saveTeam]
) )
if (!team) return null if (!currentTeam) return null
return ( return (
<div> <div>
<div> <div>
Equipe {team.name} ({team.volunteers.length}) : Equipe {currentTeam.name} ({currentTeam.volunteers.length}) :
</div> </div>
<ul> <ul>
{team.volunteers.map(({ id, lastname, firstname, teamWishes, dayWishes }) => ( {currentTeam.volunteers.map(
<li key={id}> ({ id, lastname, firstname, teamWishes, dayWishes, team }) => (
<span className={styles.volunteerName}> <li key={id}>
{firstname} {lastname} (<DaysDisplay dayWishes={dayWishes} />) <span className={styles.volunteerName}>
</span> {firstname} {lastname} (<DaysDisplay dayWishes={dayWishes} />)
{teamWishes.map((teamWish) => { </span>
const active = false {teamWishes.map((teamWish) => {
return ( const active = teamWish.id === team
<button return (
key={teamWish.id} <button
type="button" key={teamWish.id}
onClick={() => onTeamSelected(id, teamWish.id)} type="button"
className={classnames( onClick={() => onTeamSelected(id, teamWish.id)}
styles.teamWishButton, className={classnames(
active && styles.teamActive styles.teamWishButton,
)} active && styles.teamActive
> )}
{teamWish.name} >
</button> {teamWish.name}
) </button>
})} )
</li> })}
))} </li>
)
)}
</ul> </ul>
</div> </div>
) )