diff --git a/containers/react/src/components/Messages/Alert.jsx b/containers/react/src/components/Messages/Alert.jsx
new file mode 100644
index 00000000..79a269ba
--- /dev/null
+++ b/containers/react/src/components/Messages/Alert.jsx
@@ -0,0 +1,13 @@
+// import Alert from '@mui/material/Alert';
+// import Stack from '@mui/material/Stack';
+
+function BasicAlert () {
+    return(
+        <></>
+        // <Stack sx={{width: '100%'}} spacing={2}>
+        //     <Alert severity="success">Check this out</Alert>
+        // </Stack>
+    )
+}
+
+export default BasicAlert
\ No newline at end of file
diff --git a/containers/react/src/components/Messages/Chats.jsx b/containers/react/src/components/Messages/Chats.jsx
index 6922509e..01d6d6ee 100644
--- a/containers/react/src/components/Messages/Chats.jsx
+++ b/containers/react/src/components/Messages/Chats.jsx
@@ -235,10 +235,16 @@ function Chats(){
 
 	const findValue = () => {
 		setFind(false);
+		console.log(friend);
 		Rank.map((tab) => {
 			if (tab.name === friend)
+			{
+				console.log("ok bon");
 				setFind(true);
+			}
 		})
+		console.log(find);
+		// if (!find)
 	}; 
 	
 	// console.log(`data user1= ${user.username}`)
@@ -284,7 +290,7 @@ function Chats(){
 					<TouchDiv>
 						<div  onClick={findValue}>
 							<MdOutlineGroupAdd/>
-							{find ? (<BasicAlert/>) : ("")}
+							{find ? ("<BasicAlert/>") : ("")}
 						</div>
 					</TouchDiv>
 					<TouchDiv>