@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.
39 lines • 1.04 kB
JavaScript
import React from 'react';
import { FlatList } from 'react-native';
import { useSafeAreaInsets } from 'react-native-safe-area-context';
import { getUserUniqId, useFreshCallback } from '@sendbird/uikit-utils';
const GroupChannelBannedUsersList = _ref => {
let {
renderUser,
bannedUsers,
onLoadNext,
ListEmptyComponent
} = _ref;
const renderItem = useFreshCallback(_ref2 => {
let {
item
} = _ref2;
return renderUser === null || renderUser === void 0 ? void 0 : renderUser({
user: item
});
});
const {
left,
right
} = useSafeAreaInsets();
return /*#__PURE__*/React.createElement(FlatList, {
data: bannedUsers,
renderItem: renderItem,
contentContainerStyle: {
paddingLeft: left,
paddingRight: right,
flexGrow: 1
},
ListEmptyComponent: ListEmptyComponent,
onEndReached: onLoadNext,
bounces: false,
keyExtractor: getUserUniqId
});
};
export default GroupChannelBannedUsersList;
//# sourceMappingURL=GroupChannelBannedUsersList.js.map