cluedin-widget/core/components/generics/ImagePreview.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';

const previewStyle = {
    display: 'block',
    maxWidth: '100%',
    height: 'auto',
    margin: '0 auto'
};

export default class ImagePreview extends Component {

    render() {
        const { previewUrl, alt } = this.props;

        return (
            <div style={{textAlign: 'center'}}>
                <img style={previewStyle} src={previewUrl} alt={alt}/>
            </div>
        );
    }
}