cluedin-widget/core/components/entities/Image.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 SmallPreviewWrapper from '../generics/SmallPreviewWrapper.jsx'
import SmallPreviewImage from '../generics/SmallPreviewImage.jsx'
import EntityDefaultHeader from '../entityRelated/EntityDefaultHeader.jsx'

export default class Discussion extends Component {
    render() {
        const { entity } = this.props;
        let imagePreviewContent;

        if( entity.hasLogo ) {
            imagePreviewContent = (<EntitySpaceWithLeftMargin>
                <SmallPreviewWrapper>
                    <SmallPreviewImage entity={entity}></SmallPreviewImage>
                </SmallPreviewWrapper>
            </EntitySpaceWithLeftMargin>);
        }

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