From 9f323ee15d0907c425e8170b7fe932803ddc31a7 Mon Sep 17 00:00:00 2001
From: Elisee ADJIGUIDI <sadjigui@bess-f2r5s15.clusters.42paris.fr>
Date: Mon, 26 Jun 2023 05:49:26 +0200
Subject: [PATCH] from username to nickname

---
 containers/react/src/components/Messages/Chats.tsx        | 2 +-
 containers/react/src/components/Messages/GameModal.tsx    | 2 +-
 containers/react/src/components/Messages/ModalSetting.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/containers/react/src/components/Messages/Chats.tsx b/containers/react/src/components/Messages/Chats.tsx
index ff551bae..7e51e3e6 100644
--- a/containers/react/src/components/Messages/Chats.tsx
+++ b/containers/react/src/components/Messages/Chats.tsx
@@ -444,7 +444,7 @@ function Chats(){
 					}</option>
 				      {users.filter((item) => !selectTags.some((tag) => tag.selectedOption === item.username)).map((item, index) => (
 				        <option key={index} value={item.username}>
-				          {item.username}
+				          {item.nickname}
 				        </option>
 				      ))}
 				    </select>
diff --git a/containers/react/src/components/Messages/GameModal.tsx b/containers/react/src/components/Messages/GameModal.tsx
index 00a4a542..4f7eca53 100644
--- a/containers/react/src/components/Messages/GameModal.tsx
+++ b/containers/react/src/components/Messages/GameModal.tsx
@@ -122,7 +122,7 @@ const GameModal = ({ handleClose }: ModalGame) => {
             <option value="">Select a user</option>
             {users.map((user: User) => (
               <option key={user.id} value={user.username}>
-                {user.username}
+                {user.nickname}
               </option>
             ))}
           </select>
diff --git a/containers/react/src/components/Messages/ModalSetting.tsx b/containers/react/src/components/Messages/ModalSetting.tsx
index c4e9e744..81a17ff1 100644
--- a/containers/react/src/components/Messages/ModalSetting.tsx
+++ b/containers/react/src/components/Messages/ModalSetting.tsx
@@ -300,7 +300,7 @@ const ModalSetting = ({ handleClose, convId, socket }: ModalSettingProps) => {
 								</option>
 								{users.map((item, index) => (
 									<option key={index} value={item.username}>
-										{item.username}
+										{item.nickname}
 									</option>
 								))}
 							</select>