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

fix(#19): continuing working

Browse Source
This commit is contained in:
Simon Pistache 2022-06-18 13:31:55 +02:00
parent 6a8172e971
commit 80483821b6
3 changed files with 12 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.vscode/settings.json~f1c7c1c (fix(#19): continuing working) vendored Normal file
View File

@ -0,0 +1,4 @@
{
"eslint.lintTask.enable": true,
"conventionalCommits.scopes": ["#17", "#20", "#19"]
}

18
src/components/TeamMembers/TeamMembers.tsx
View File

@ -73,22 +73,20 @@ const TeamMembers: FC<Props> = ({ teamId }): JSX.Element => {
if (volunteers.length === 0) return <div />
return (
<ul className={styles.volunteers}>
<li>
<div className={styles.volunteerName} />
<div className={styles.dayTitle}>S ({volunteers.filter(hasDay("S")).length})</div>
<div className={styles.dayTitle}>D ({volunteers.filter(hasDay("D")).length})</div>
</li>
<div className={styles.volunteers}>
<div className={styles.volunteerName} />
<div className={styles.dayTitle}>S ({volunteers.filter(hasDay("S")).length})</div>
<div className={styles.dayTitle}>D ({volunteers.filter(hasDay("D")).length})</div>
{volunteers.map((volunteer) => (
<li key={volunteer.id} className={styles.volunteer}>
<div className={styles.volunteerName}>
<>
<div key={volunteer.id} className={styles.volunteerName}>
{volunteer.firstname} {volunteer.lastname}
</div>
<DaysAvailability volunteer={volunteer} />
<VolunteerEmail email={volunteer.email} />
</li>
</>
))}
</ul>
</div>
)
}

18
src/components/TeamMembers/styles.module.scss
View File

@ -11,24 +11,6 @@ $height: 24px;
grid-template-columns: minmax(min-content, 5fr) min-content min-content;
}
.volunteerName {
grid-column: 1;
}
.volunteerEmail {
display: inline-block;
height: $height;
padding-left: 4px;
}
.dayTitle {
display: inline-block;
width: 50px;
height: $height;
margin: 0 2px;
text-align: center;
}
.day {
display: inline-block;
width: 50px;