diff --git a/src/components/TeamMembers/TeamMembers.tsx b/src/components/TeamMembers/TeamMembers.tsx index a822c15..40afeca 100644 --- a/src/components/TeamMembers/TeamMembers.tsx +++ b/src/components/TeamMembers/TeamMembers.tsx @@ -35,6 +35,31 @@ const VolunteerEmail: FC = withUserRole("référent", ({ em
{email}
)) +type DaysAvailabilityProps = { + volunteer: Volunteer +} + +const DaysAvailability: FC = ({ volunteer }): JSX.Element => { + if (volunteer.dayWishes.length === 0) { + return ( + <> +
S
+
D
+ + ) + } + return ( + <> +
+ S +
+
+ D +
+ + ) +} + type Props = { teamId: number } @@ -58,22 +83,7 @@ const TeamMembers: FC = ({ teamId }): JSX.Element => {
{volunteer.firstname} {volunteer.lastname}
-
- S -
-
- D -
+ ))} diff --git a/src/components/TeamMembers/styles.module.scss b/src/components/TeamMembers/styles.module.scss index e853149..edc7070 100755 --- a/src/components/TeamMembers/styles.module.scss +++ b/src/components/TeamMembers/styles.module.scss @@ -45,6 +45,10 @@ $height: 24px; background-color: $color-red; color: transparent; + &.unknown { + background-color: $color-grey-medium; + } + &.available { background-color: $color-green; }