@sendbird/uikit-chat-hooks/lib/module/channel/useGroupChannelList/reducer.js

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

import { useReducer } from 'react';
import { getGroupChannels, mergeObjectArrays } from '@sendbird/uikit-utils';
const defaultReducer = ({
  ...draft
}, action) => {
  const compareByOrder = createCompareByOrder(draft.order);
  switch (action.type) {
    case 'update_refreshing':
      {
        draft.refreshing = action.value.status;
        break;
      }
    case 'update_loading':
      {
        draft.loading = action.value.status;
        break;
      }
    case 'update_channels':
      {
        getGroupChannels(action.value.channels).forEach(freshChannel => {
          const idx = draft.groupChannels.findIndex(staleChannel => staleChannel.url === freshChannel.url);
          if (idx > -1) draft.groupChannels[idx] = freshChannel;
        });
        compareByOrder && (draft.groupChannels = draft.groupChannels.sort(compareByOrder));
        break;
      }
    case 'delete_channels':
      {
        action.value.channelUrls.forEach(url => {
          const idx = draft.groupChannels.findIndex(c => c.url === url);
          if (idx > -1) draft.groupChannels.splice(idx, 1);
        });
        compareByOrder && (draft.groupChannels = draft.groupChannels.sort(compareByOrder));
        break;
      }
    case 'append_channels':
      {
        const groupChannels = getGroupChannels(action.value.channels);
        if (action.value.clearBeforeAction) {
          draft.groupChannels = groupChannels;
        } else {
          draft.groupChannels = mergeObjectArrays(draft.groupChannels, groupChannels, 'url');
        }
        compareByOrder && (draft.groupChannels = draft.groupChannels.sort(compareByOrder));
        break;
      }
    case 'update_order':
      {
        draft.order = action.value.order;
        const compareByOrder = createCompareByOrder(draft.order);
        compareByOrder && (draft.groupChannels = draft.groupChannels.sort(compareByOrder));
        break;
      }
  }
  return draft;
};
export const useGroupChannelListReducer = order => {
  const [{
    loading,
    refreshing,
    groupChannels
  }, dispatch] = useReducer(defaultReducer, {
    loading: true,
    refreshing: false,
    groupChannels: [],
    order
  });
  const updateChannels = channels => {
    dispatch({
      type: 'update_channels',
      value: {
        channels
      }
    });
  };
  const deleteChannels = channelUrls => {
    dispatch({
      type: 'delete_channels',
      value: {
        channelUrls
      }
    });
  };
  const appendChannels = (channels, clearBeforeAction) => {
    dispatch({
      type: 'append_channels',
      value: {
        channels,
        clearBeforeAction
      }
    });
  };
  const updateLoading = status => {
    dispatch({
      type: 'update_loading',
      value: {
        status
      }
    });
  };
  const updateRefreshing = status => {
    dispatch({
      type: 'update_refreshing',
      value: {
        status
      }
    });
  };
  const updateOrder = order => {
    dispatch({
      type: 'update_order',
      value: {
        order
      }
    });
  };
  return {
    updateLoading,
    updateRefreshing,
    updateChannels,
    deleteChannels,
    appendChannels,
    updateOrder,
    loading,
    refreshing,
    groupChannels
  };
};
const createCompareByOrder = order => {
  if (!order) return undefined;
  return (channel1, channel2) => {
    switch (order) {
      case 'latest_last_message':
        {
          if (channel1.lastMessage && channel2.lastMessage) {
            return channel2.lastMessage.createdAt - channel1.lastMessage.createdAt;
          } else if (channel1.lastMessage) {
            return -1;
          } else if (channel2.lastMessage) {
            return 1;
          } else {
            return channel2.createdAt - channel1.createdAt;
          }
        }
      case 'chronological':
        {
          return channel2.createdAt - channel1.createdAt;
        }
      case 'channel_name_alphabetical':
        {
          return channel1.name.localeCompare(channel2.name);
        }
      default:
        {
          return 0;
        }
    }
  };
};
//# sourceMappingURL=reducer.js.map