cluedin-widget/core/components/generics/SmallPreviewWrapper.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 SmallPreviewWrapperStyle = {
    preview: {
        display: 'flex',
        flex: '1',
        cursor: 'default',
        marginTop: '15px'
    },
    block: {
        display: 'inline-block'
    },
    containerH: {
        verticalAlign: 'top',
        whiteSpace: 'nowrap',
        height: '88px'
    },
    container: {
        overflow: 'hidden',
        paddingBottom: '15px',
        height: '110px',
        paddingTop: '5px',
        position: 'relative'
    }
};

class SmallPreviewWrapper extends Component {
    render() {
        return (<div style={SmallPreviewWrapperStyle.preview}>
            <div style={SmallPreviewWrapperStyle.container}>
                <div style={SmallPreviewWrapperStyle.containerH}>
                    <div style={SmallPreviewWrapperStyle.block}>
                        {this.props.children}
                    </div>
                </div>
            </div>
        </div>);
    }
}

export default SmallPreviewWrapper;