add find users component and function fix

backend/app.js

@@ -276,7 +276,7 @@ io.on("connection", async (socket) => {
 
     const myChats = []
 // privateChats.map((item, i) => {
-//     console.log(item.fromUser.userName, i)
+//     console.log(item)
     
 // })
 ///
@@ -384,7 +384,7 @@ socket.emit('my chats', myChats)
           //emit event 
             socket.to(to).emit("private message", privateMessage);
             
-            // //send new messages arrey to user
+            // //send new messages array to user
 
             // const privateMessagesToUser = await PrivateMessage.find({toUser: {$in:[fromUser._id, toUser._id]}, fromUser: {$in:[fromUser._id, toUser._id]}}).sort({ 'createDate': 1 })
 

frontend/src/components/chatPage/generalChat/FindUserBox.jsx

@@ -7,7 +7,6 @@ export const FindUserBox = () => {
 
     const allUsers = useSelector(state => state.getUserSocketReducer.allUsers)
     const [findUser, setfindUser] = useState('');
-    const [filteredUsers, setFilteredUsers] = useState([])
     const [showUsers, setShowUsers] = useState(false)
     const res = allUsers.filter(user =>  user.userName.toLowerCase().includes(findUser.toLowerCase()))
     
@@ -27,7 +26,7 @@ export const FindUserBox = () => {
                 
             </input>
 
-{ showUsers && findUser  && res.map(( item, i) => <UserInfoButton item = {item} i = {i}  key={i}/>  )}
+            { showUsers && findUser.length > 0  && res.map(( item, i) => <UserInfoButton item = {item} i = {i}  key={i}/>  )}
 
         </div>
     )

frontend/src/components/chatPage/userInfo/UserInfo.jsx

@@ -57,7 +57,7 @@ console.log(allUsers)
 
 
 if(socket){
-    socket.on('my chats', (data)=> console.log(data))
+    socket.on('my chats', (data)=> console.log('my chats', data))
 }