admin-on-rest-fr05t1k/src/mui/detail/SimpleShowLayout.js

A frontend Framework for building admin applications on top of REST services, using ES6, React and Material UI

import React, { Children, PropTypes } from 'react';
import Labeled from '../input/Labeled';

export const SimpleShowLayout = ({ basePath, children, record, resource }) => (
    <div style={{ padding: '0 1em 1em 1em' }}>
        {Children.map(children, field => (
            <div key={field.props.source} style={field.props.style}>
                {field.props.addLabel ?
                    <Labeled record={record} resource={resource} basePath={basePath} label={field.props.label} source={field.props.source} disabled={false}>{field}</Labeled> :
                    (typeof field.type === 'string' ?
                        field :
                        React.cloneElement(field, { record, resource, basePath })
                    )
                }
            </div>
        ))}
    </div>
);

SimpleShowLayout.propTypes = {
    basePath: PropTypes.string,
    children: PropTypes.node,
    record: PropTypes.object,
    resource: PropTypes.string,
};

export default SimpleShowLayout;