cluedin-widget/widget/entity/entityPropertyViewer/index.jsx

This is the project for creating and managing widgets in CluedIn.

import React, { Component } from 'react'
import config from '../../../core/config'
import iso from '../../../iso'

const collectionHelper = iso.collection;
const currentType      = 'Person';

export default class PropertyViewer extends Component {

    render() {
        const { entity } = this.props;

        if ( !entity ) {
            return (<div>loading..</div>);
        }

        console.log( entity );

        return (<div className="cluedIn_propertyViewer">{
            entity.properties.filter( ( prop )=> {
                return !prop.important;
            } ).map( ( prop, index ) => {
                if ( prop.value ) {
                    return (<div key={index} className="cluedIn_propertyViewer_property">
                            <div className="cluedIn_propertyViewer_property_name">
                                {prop.displayName}
                            </div>
                            <div className="cluedIn_propertyViewer_property_value">
                                {prop.value}
                            </div>
                        </div>
                    );
                }
            } )
        }</div>);
    }
}