@sendbird/uikit-react-native
Version:
Sendbird UIKit for React Native: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.
33 lines • 1.38 kB
JavaScript
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
import React from 'react';
import { FlatList } from 'react-native';
import { getChannelUniqId, useFreshCallback, useSafeAreaPadding } from '@sendbird/uikit-utils';
const OpenChanelListList = ({
onPressChannel,
openChannels,
onLoadNext,
flatListProps,
renderOpenChannelPreview,
refreshing,
onRefresh
}) => {
const renderItem = useFreshCallback(({
item
}) => renderOpenChannelPreview === null || renderOpenChannelPreview === void 0 ? void 0 : renderOpenChannelPreview({
channel: item,
onPress: () => onPressChannel(item)
}));
const safeArea = useSafeAreaPadding(['left', 'right']);
return /*#__PURE__*/React.createElement(FlatList, _extends({
refreshing: refreshing,
data: openChannels,
renderItem: renderItem,
onEndReached: onLoadNext,
onRefresh: onRefresh
}, flatListProps, {
contentContainerStyle: [flatListProps === null || flatListProps === void 0 ? void 0 : flatListProps.contentContainerStyle, safeArea],
keyExtractor: getChannelUniqId
}));
};
export default OpenChanelListList;
//# sourceMappingURL=OpenChannelListList.js.map