From 11f6c36b162200e469389e33fd6b5932bec5b269 Mon Sep 17 00:00:00 2001
From: memeriau <manuel.emeriau@mappy.com>
Date: Mon, 18 Apr 2022 13:47:16 +0200
Subject: [PATCH] current assignment team focus on candidate list

---
 src/components/TeamAssignment/TeamWithCandidates.tsx | 2 ++
 src/components/TeamAssignment/styles.module.scss     | 5 +++++
 2 files changed, 7 insertions(+)

diff --git a/src/components/TeamAssignment/TeamWithCandidates.tsx b/src/components/TeamAssignment/TeamWithCandidates.tsx
index ef5feb9..645d2a4 100644
--- a/src/components/TeamAssignment/TeamWithCandidates.tsx
+++ b/src/components/TeamAssignment/TeamWithCandidates.tsx
@@ -81,6 +81,7 @@ const TeamWithCandidates: FC<Props> = ({ teamId }): JSX.Element | null => {
                             </span>
                             {teamWishes.map((teamWish) => {
                                 const active = teamWish.id === team
+                                const current = teamWish.id === teamId
                                 return (
                                     <button
                                         key={teamWish.id}
@@ -88,6 +89,7 @@ const TeamWithCandidates: FC<Props> = ({ teamId }): JSX.Element | null => {
                                         onClick={() => onTeamSelected({ id, team }, teamWish.id)}
                                         className={classnames(
                                             styles.teamWishButton,
+                                            current && styles.teamCurrent,
                                             active && styles.teamActive
                                         )}
                                     >
diff --git a/src/components/TeamAssignment/styles.module.scss b/src/components/TeamAssignment/styles.module.scss
index 29dce05..0aa3805 100755
--- a/src/components/TeamAssignment/styles.module.scss
+++ b/src/components/TeamAssignment/styles.module.scss
@@ -30,6 +30,11 @@
 .teamWishButton {
     margin: 0 2px;
     padding: 2px;
+    color: $color-grey-dark;
+
+    &.teamCurrent {
+        color: $color-black;
+    }
 
     &.teamActive {
         font-weight: bold;