cluedin-widget/core/components/entities/Discussion.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 EntitySpaceWithLeftMargin from '../entityRelated/EntitySpaceWithLeftMargin.jsx';
import Conversation from '../generics/Conversation.jsx'
import EntityDefaultHeader from '../entityRelated/EntityDefaultHeader.jsx'

export default class Discussion extends Component {
    render() {
        const { entity } = this.props;
        let isDiscussion = false;
        let discussionContent;
        let descriptionMessages;
        try {
            descriptionMessages = JSON.parse( entity.data.description );
            isDiscussion        = true;
        } catch( e ) {

        }

        if( isDiscussion ) {
            discussionContent = (<EntitySpaceWithLeftMargin>
                <Conversation messages={descriptionMessages}></Conversation>
            </EntitySpaceWithLeftMargin>);
        }

        return (
            <div className="cluedIn_entity_row">
                <EntityDefaultHeader entity={entity}></EntityDefaultHeader>
                {discussionContent}
            </div>
        );
    }
}