Add Search Feature in Users List Modal in UIKit

Sendbird Chat UIKit
4

Hi @vcs_account, search of userid/nickname is not available in server side, as far as I know

The work around would be to create your own Modal for creating channels

And using sendBirdSelectors.getCreateChannel to create the channel

import {
  SendBirdProvider,
  withSendBird,
  ChannelList,
  sendBirdSelectors,
} from 'sendbird-uikit';

const CustomComponent = ({ createChannel, sdk, leaveChannel }) => {
  const [channelUrl, setChannelUrl] = useState('');
  return(
    <>
      <button onClick={() => {
        let params = new sdk.GroupChannelParams();
        params.isPublic = false;
        params.isEphemeral = false;
        params.isDistinct = false;
        params.addUserIds(['sravan']);
        params.name = "NAME";
        createChannel(params).then(c => {
          setChannelUrl(c.url);
        }).catch(c => console.warn(c));
      }}>
        createChannel
      </button>
      <button onClick={() => {
        leaveChannel(channelUrl).then(c => {
          setChannelUrl('');
        }).catch(c => console.warn(c));
      }}>
        LeaveChannel
      </button>
      <br />
      { `Created channel is: ${channelUrl}` }
    </>
  );
};

const CustomComponentWithSendBird = withSendBird(CustomComponent, (state) => {
  const createChannel =  sendBirdSelectors.getCreateChannel(state);
  const leaveChannel =  sendBirdSelectors.getLeaveChannel(state);
  const sdk = sendBirdSelectors.getSdk(state);
  return ({ createChannel, sdk, leaveChannel });
});

export const createAndLeaveChannel = () => (
  <SendBirdProvider appId={appId} userId={userId} nickname={userId}>
    <CustomComponentWithSendBird />
    <div style={{ width: '320px', height: '500px' }}>
      <ChannelList />
    </div>
  </SendBirdProvider>
);