@sendbird/uikit-chat-hooks/lib/module/channel/useOpenChannelList/useOpenChannelListWithQuery.js

A set of React hooks for integrating Sendbird chat functionality into your React app.

import { useRef } from 'react';
import { useAsyncEffect, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';
import { useChannelHandler } from '../../handler/useChannelHandler';
import { useOpenChannelListReducer } from './reducer';
const createOpenChannelListQuery = (sdk, queryCreator) => {
  const passedQuery = queryCreator === null || queryCreator === void 0 ? void 0 : queryCreator();
  if (passedQuery) return passedQuery;
  return sdk.openChannel.createOpenChannelListQuery({});
};
export const useOpenChannelListWithQuery = (sdk, userId, options) => {
  const queryRef = useRef();
  const handlerId = useUniqHandlerId('useOpenChannelListWithQuery');
  const {
    error,
    loading,
    openChannels,
    refreshing,
    updateChannels,
    appendChannels,
    deleteChannels,
    updateRefreshing,
    updateLoading,
    updateError
  } = useOpenChannelListReducer();
  const init = useFreshCallback(async uid => {
    if (uid) {
      var _queryRef$current;
      queryRef.current = createOpenChannelListQuery(sdk, options === null || options === void 0 ? void 0 : options.queryCreator);
      if ((_queryRef$current = queryRef.current) !== null && _queryRef$current !== void 0 && _queryRef$current.hasNext) {
        const channels = await queryRef.current.next();
        appendChannels(channels, true);
      }
    }
  });
  const updateChannel = channel => {
    if (channel.isOpenChannel()) updateChannels([channel]);
  };
  useChannelHandler(sdk, handlerId, {
    onChannelChanged: updateChannel,
    onChannelFrozen: updateChannel,
    onChannelUnfrozen: updateChannel,
    onChannelDeleted: url => deleteChannels([url]),
    onUserEntered: (channel, user) => {
      const isMe = user.userId === userId;
      if (isMe && channel.isOpenChannel() && !openChannels.find(it => it.url === channel.url)) {
        appendChannels([], true);
        refresh();
      }
    }
  }, 'open');
  useAsyncEffect(async () => {
    updateLoading(true);
    updateError(null);
    try {
      await init(userId);
    } catch (e) {
      updateError(e);
      appendChannels([], true);
    } finally {
      updateLoading(false);
    }
  }, [userId]);
  const refresh = useFreshCallback(async () => {
    updateRefreshing(true);
    updateError(null);
    try {
      await init(userId);
    } catch (e) {
      updateError(e);
      appendChannels([], true);
    } finally {
      updateRefreshing(false);
    }
  });
  const next = useFreshCallback(async () => {
    var _queryRef$current2;
    if ((_queryRef$current2 = queryRef.current) !== null && _queryRef$current2 !== void 0 && _queryRef$current2.hasNext) {
      const channels = await queryRef.current.next();
      appendChannels(channels, false);
    }
  });
  return {
    error,
    loading,
    openChannels,
    refresh,
    refreshing,
    next
  };
};
//# sourceMappingURL=useOpenChannelListWithQuery.js.map