bc6cf0e624
• Added: - placeholder loaders to multiple components - status, panels, comment, lists, group items, notifications
67 lines
1.6 KiB
JavaScript
67 lines
1.6 KiB
JavaScript
import ImmutablePureComponent from 'react-immutable-pure-component'
|
|
import ImmutablePropTypes from 'react-immutable-proptypes'
|
|
import Block from './block'
|
|
import ScrollableList from './scrollable_list'
|
|
import ListItem from './list_item'
|
|
import Dummy from './dummy'
|
|
import ListItemPlaceholder from './placeholder/list_item_placeholder'
|
|
|
|
export default class List extends ImmutablePureComponent {
|
|
|
|
static propTypes = {
|
|
items: PropTypes.oneOfType([
|
|
PropTypes.array,
|
|
ImmutablePropTypes.map,
|
|
ImmutablePropTypes.list,
|
|
]),
|
|
scrollKey: PropTypes.string,
|
|
emptyMessage: PropTypes.any,
|
|
size: PropTypes.oneOf([
|
|
'small',
|
|
'large'
|
|
]),
|
|
onLoadMore: PropTypes.func,
|
|
hasMore: PropTypes.bool,
|
|
showLoading: PropTypes.bool,
|
|
}
|
|
|
|
render() {
|
|
const {
|
|
items,
|
|
scrollKey,
|
|
emptyMessage,
|
|
hasMore,
|
|
size,
|
|
onLoadMore,
|
|
showLoading,
|
|
} = this.props
|
|
|
|
const Wrapper = !!scrollKey ? ScrollableList : Dummy
|
|
|
|
return (
|
|
<Block>
|
|
<Wrapper
|
|
onLoadMore={onLoadMore}
|
|
hasMore={hasMore}
|
|
scrollKey={scrollKey}
|
|
emptyMessage={emptyMessage}
|
|
showLoading={showLoading}
|
|
placeholderComponent={ListItemPlaceholder}
|
|
placeholderCount={6}
|
|
>
|
|
{
|
|
items.map((item, i) => (
|
|
<ListItem
|
|
size={size}
|
|
key={`list-item-${i}`}
|
|
isLast={items.size - 1 === i}
|
|
{...item}
|
|
/>
|
|
))
|
|
}
|
|
</Wrapper>
|
|
</Block>
|
|
)
|
|
}
|
|
|
|
} |