cluedin-widget/widget/lastIssues/index.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 { register } from "../../core/registry";
import EntityListWidget from "../../core/components/entityRelated/EntityListWidget.jsx";
import { connect } from "react-redux";
import { fetchGenericLastIssues } from "../../core/action/issue";

class LastIssues extends Component {

    constructor( props ) {
        super( props );
        this.state = {
            timestamp: Date.now()
        };
    }

    componentWillMount() {
        this.fetch();
    }

    fetch() {
        const { entityId } = this.props;

        this.props.dispatch( fetchGenericLastIssues( entityId, this.state.timestamp ) );
    }

    render() {
        const { isFetching, entities, isAdmin, layoutPosition, isFake, pageNumber } = this.props;

        let entityType = '/Issue';

        return (<EntityListWidget widgetName={this.constructor.name}
                                  layoutPosition={layoutPosition}
                                  title="Latest Issues"
                                  fetch={this.fetch.bind(this)}
                                  entities={entities}
                                  isFetching={isFetching}
                                  isAdmin={isAdmin}
                                  entityType={entityType}
                                  pageNumber={pageNumber}
                                  isFake={isFake}></EntityListWidget>);
    }
}

function select( state ) {
    return {
        entities: state.issue.currentIssues,
        isFetching: state.issue.isFetchingGenericIssues,
        isFake: state.issue.isFakeGenericIssues,
        pageNumber: state.issue.pageNumber
    };
}

register( 'LastIssues', connect( select )( LastIssues ), {
    displayName: 'Latest Issues',
    description: 'All the latest issues created in your support system.',
    relatedProviders: [
        'zendesk'
    ],
    tags: [
        'support'
    ],
    requireEntity: false
} );