30 lines
779 B
JavaScript
30 lines
779 B
JavaScript
import React, { PropTypes } from 'react';
|
|
import ImmutablePropTypes from 'react-immutable-proptypes';
|
|
|
|
function isVisible(field) {
|
|
return field.get('widget') !== 'hidden';
|
|
}
|
|
|
|
const style = {
|
|
fontFamily: 'Roboto, "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif',
|
|
};
|
|
|
|
export default function Preview({ collection, fields, widgetFor }) {
|
|
if (!collection || !fields) {
|
|
return null;
|
|
}
|
|
return (
|
|
<div style={style}>
|
|
{fields.filter(isVisible).map(field => widgetFor(field.get('name')))}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
Preview.propTypes = {
|
|
collection: ImmutablePropTypes.map.isRequired,
|
|
entry: ImmutablePropTypes.map.isRequired,
|
|
fields: ImmutablePropTypes.list.isRequired,
|
|
getAsset: PropTypes.func.isRequired,
|
|
widgetFor: PropTypes.func.isRequired,
|
|
};
|