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 17:14:21 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(#20): ♻️ Removing unused code

Browse Source
This commit is contained in:
Simon Pistache 2022-06-18 17:34:37 +02:00
parent 6654aac4f5
commit 9daa155155
2 changed files with 4 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -33,7 +33,7 @@ type VolunteerEmailProps = {
} }
const VolunteerEmail: FC<VolunteerEmailProps> = withUserRole(ROLES.TEAMLEAD, ({ email }) => ( const VolunteerEmail: FC<VolunteerEmailProps> = withUserRole(ROLES.TEAMLEAD, ({ email }) => (
<td className={styles.volunteerEmail}>{email}</td> <td> {email}</td>
)) ))
type DaysAvailabilityProps = { type DaysAvailabilityProps = {
@ -69,16 +69,16 @@ const TeamMembers: FC<Props> = ({ teamId }): JSX.Element => {
if (volunteers.length === 0) return <div /> if (volunteers.length === 0) return <div />
return ( return (
<table className={styles.volunteers}> <table>
<tr> <tr>
<th className={styles.volunteerName}>Volontaires</th> <th>Volontaires</th>
<th className={styles.dayTitle}>S ({volunteers.filter(hasDay("S")).length})</th> <th className={styles.dayTitle}>S ({volunteers.filter(hasDay("S")).length})</th>
<th className={styles.dayTitle}>D ({volunteers.filter(hasDay("D")).length})</th> <th className={styles.dayTitle}>D ({volunteers.filter(hasDay("D")).length})</th>
<th>@</th> <th>@</th>
</tr> </tr>
{volunteers.map((volunteer) => ( {volunteers.map((volunteer) => (
<tr key={volunteer.id}> <tr key={volunteer.id}>
<td className={styles.volunteerName}> <td>
{volunteer.firstname} {volunteer.lastname} {volunteer.firstname} {volunteer.lastname}
</td> </td>
<DaysAvailability volunteer={volunteer} /> <DaysAvailability volunteer={volunteer} />

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

@ -1,14 +1,5 @@
@import "../../theme/variables"; @import "../../theme/variables";
@import "../../theme/mixins"; @import "../../theme/mixins";
.volunteers {
//display: grid;
grid-template-columns: minmax(min-content, 5fr) min-content min-content;
}
.volunteerName {
grid-column: first;
}
.day { .day {
background-color: $color-red; background-color: $color-red;
&.unknown { &.unknown {