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