cluedin-widget/core/components/generics/ValueLabel.jsx

This project contains all the pages needed for browsing entities and searching them. The aim is to replace the CluedIn.Webapp project with this one when all the pages ( including the Admin page ) will be ported to REACT.

import React, { Component } from "react";

const ValueLabelStyle = {
    label: {
        fontWeight: 'normal',
        fontStyle: 'italic',
        color: '#888'
    },
    prop: {
        wordBreak: 'break-word'
    }
};

class ValueLabel extends Component {
    render() {
        const { value, label, after } = this.props;

        let labelContent = label ? <label stye={ValueLabelStyle.label}>{label}</label> : void 0;
        let valueContent = value ? <div style={ValueLabelStyle.prop}>{value}</div> : void 0;
        let afterContent = after ? after : void 0;

        return (<div>
            <div>
                {labelContent}
                {valueContent}
            </div>
            {afterContent}
        </div>);
    }
}

export default ValueLabel;