SettingsOnlineOption.js

  return (
    <div>
      <div className="sendbird-channel-settings_user-list" onClick={showList}>
        <div
          className="sendbird-channel-settings__panel-icon-left sendbird-channel-settings__panel-user-list sendbird-icon sendbird-icon-user-list sendbird-icon-color--error"
          role="button"
          tabIndex="0"
        >
          <IconButton
            sx={{ color: "#7B53EF" }}
            aria-label="Example"
            className="users-list-button"
          >
            <FontAwesomeIcon icon={faEllipsisV} />
          </IconButton>
        </div>
        <span className="sendbird-label sendbird-label--subtitle-1 sendbird-label--color-onbackground-1">
          Check users online status
        </span>
      </div>
      {showUsersList && (
        <UsersList
          setShowUsersList={setShowUsersList}
          users={users}
          checkUserStatus={checkUserStatus}
          setSelectedUser={setSelectedUser}
        />
      )}
      {showUserStatus && (
        <UserStatus
          setShowUserStatus={setShowUserStatus}
          selectedUser={selectedUser}
          sb={sb}
          userStatus={userStatus}
        />
      )}
    </div>
  );