cluedin-widget/core/components/providerRelated/ProviderLoadingNotification.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 { connect } from "react-redux";

class ProviderLoadingNotification extends Component {

    constructor( props ) {
        super( props );
    }

    render() {

        const { isBusy } = this.props;

        let displayStyle;

        if( isBusy ) {
            displayStyle = 'block';
        } else {
            displayStyle = 'none';
        }

        return (<div style={{display:displayStyle }} className='cluedIn_notification'></div>);
    }
}

function select( state ) {
    return {
        isBusy: state.provider.isBusy
    };
}

export default  connect( select )( ProviderLoadingNotification );