46 lines
951 B
JavaScript
46 lines
951 B
JavaScript
|
import React from 'react';
|
||
|
|
import ImmutablePropTypes from 'react-immutable-proptypes';
|
||
|
|
import { Card } from './UI';
|
||
|
|
import { statusDescriptions } from '../constants/publishModes';
|
||
|
|
|
||
|
|
export default class UnpublishedListing extends React.Component {
|
||
|
|
renderColumn(entries) {
|
||
|
|
if (!entries) return;
|
||
|
|
return (
|
||
|
|
<div>
|
||
|
|
{entries.map(entry => {
|
||
|
|
return <Card key={entry.get('slug')}><h4>{entry.getIn(['data', 'title'])}</h4></Card>;
|
||
|
|
}
|
||
|
|
)}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
const { entries } = this.props;
|
||
|
|
const columns = entries.entrySeq().map(([key, currEntries]) => (
|
||
|
|
<div key={key}>
|
||
|
|
<h3>{statusDescriptions.get(key)}</h3>
|
||
|
|
{this.renderColumn(currEntries)}
|
||
|
|
</div>
|
||
|
|
));
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div>
|
||
|
|
{columns}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
UnpublishedListing.propTypes = {
|
||
|
|
entries: ImmutablePropTypes.map,
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<h3>Drafts</h3>
|
||
|
|
<card>Cool Recipe</card>
|
||
|
|
</div>
|