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, openInNewTab } = 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 openInNewTab={openInNewTab} entity={entity}></EntityDefaultHeader>
        {discussionContent}
      </div>
    );
  }
}