cluedin-widget/core/components/entityRelated/EntityDate.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";
import Radium from "radium";

const EntityDateStyle = {
    entityDate: {
        lineHeight: '42px;'
    },
    dateDescription: {
        color: '#AAA',
        fontSize: '12px',
        marginRight: '5px'
    }
};

class EntityDate extends Component {
    render() {
        const { entity } = this.props;
        let content;

        if( entity.data.modifiedDateFormatted ) {
            content = (
                <div><span
                    style={EntityDateStyle.dateDescription}>modified date</span>{entity.data.modifiedDateFormatted}
                </div>);
        } else if( entity.data.createdDateFormatted ) {
            content = (
                <div><span styleName="dateDescription">creation date</span>{entity.data.createdDateFormatted}</div>);
        } else if( entity.data.discoveryDate ) {
            content = (
                <div><span style={EntityDateStyle.dateDescription}>discovery date</span>{entity.data.discoveryDate}
                </div>);
        } else {
            content = void 0;
        }

        return (<div className="cluedIn_entity_date" styleName="entityDate">
            {content}
        </div>)
    }
}

export default Radium( EntityDate );