RightSidebars.js - Listen to Group Changes - Discord Clone

RightSidebars.js

...
useEffect(() => {
  if (cometChat && selectedChannel) {
    listenGroupChanges();
    return () => {
      if (cometChat) {
        cometChat.removeGroupListener(selectedChannel.guid);
      }
    }
  }
}, [cometChat, selectedChannel]);
...
const listenGroupChanges = () => {
  cometChat.addGroupListener(
    selectedChannel.guid,
    new cometChat.GroupListener({
      onGroupMemberJoined: (message, joinedUser, joinedGroup) => {
        loadChannelMembers();
      },
      onGroupMemberLeft: (message, leftUser, leftGroup) => {
        loadChannelMembers();
      },
      onGroupMemberKicked: (message, kickedUser, kickedBy, kickedFrom) => {
        loadChannelMembers();
      },
      onGroupMemberBanned: (message, bannedUser, bannedBy, bannedFrom) => {
        loadChannelMembers();
      },
      onGroupMemberUnbanned: (message, unbannedUser, unbannedBy, unbannedFrom) => {
        loadChannelMembers();
      },
      onGroupMemberScopeChanged: (message, changedUser, newScope, oldScope, changedGroup) => {
        loadChannelMembers();
      },
      onMemberAddedToGroup: (message, userAdded, addedby, addedTo) => {
        loadChannelMembers();
      },
    })
  );
};
...