RightSidebars.js - Listen to User Presence - Discord Clone

RightSidebars.js

useEffect(() => {
  if (cometChat && selectedChannel) {
    listenUserPresense();
    return () => {
      if (cometChat) {
        cometChat.removeUserListener(userPresenseListenerId);
      }
    }
  }
}, [cometChat, selectedChannel]);
...
const updateMembers = (user) => {
  if (!user) {
    return;
  }
  setMembers(previousMembers => previousMembers.map(member => {
    if (member && member.uid === user.uid) {
      return { ...member, status: user.status === 'online' ? 'available' : 'offline' };
    }
    return { ...member };
  }));
};
...
const listenUserPresense = () => {
  cometChat.addUserListener(
    userPresenseListenerId,
    new cometChat.UserListener({
      onUserOnline: onlineUser => {
        updateMembers(onlineUser);
      },
      onUserOffline: offlineUser => {
        updateMembers(offlineUser);
      }
    })
  );
};
...