Sidebars.js - Friend - Listen to User Presence - Discord Clone

Sidebars.js

...
useEffect(() => {
  if (cometChat && user) {
    listenUserPresense();
  }
  return () => {
    if (cometChat) {
      cometChat.removeUserListener(userPresenseListenerId);
    }
  }
}, [user, cometChat]);
...
const updateFriends = (user) => {
  if (!user) {
    return;
  }
  setFriends(previousFriends => previousFriends.map(friend => {
    if (friend && friend.uid === user.uid) {
      return { ...friend, status: user.status === 'online' ? 'available' : 'offline' };
    }
    return { ...friend };
  }));
}

const listenUserPresense = () => {
  cometChat.addUserListener(
    userPresenseListenerId,
    new cometChat.UserListener({
      onUserOnline: onlineUser => {
        updateFriends(onlineUser);
      },
      onUserOffline: offlineUser => {
        updateFriends(offlineUser);
      }
    })
  );
};
...