admin-on-rest-fr05t1k/src/util/FieldTitle.js

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

import React, { PropTypes } from 'react';
import inflection from 'inflection';
import pure from 'recompose/pure';
import compose from 'recompose/compose';

import translate from '../i18n/translate';

const FieldTitle = ({ resource, source, label, translate }) => (
    <span>
        {typeof label !== 'undefined' ?
            translate(label, { _: label })
            :
            (typeof source !== 'undefined' ?
                translate(`resources.${resource}.fields.${source}`, { _: inflection.humanize(source) })
                :
                ''
            )
        }
    </span>
);

FieldTitle.propTypes = {
    resource: PropTypes.string,
    source: PropTypes.string,
    label: PropTypes.string,
    translate: PropTypes.func.isRequired,
};

FieldTitle.defaultProps = {
    translate: x => x,
};

const enhance = compose(pure, translate);

export default enhance(FieldTitle);