cluedin-widget/core/components/entityRelated/EntityAskForLead.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 Dialog from 'material-ui/Dialog';
import FlatButton from 'material-ui/FlatButton';

export default class EntityAskForLead extends Component {

  handleClose = () => {
    const { closeHandler } = this.props;

    if(closeHandler) {
      closeHandler();
    }
  };

  askLead = () => {
    const { askForLeadHandler } = this.props;

    if (askForLeadHandler) {
      askForLeadHandler();
    }
  };

  render() {
    const { entityName, isOpen } = this.props;

    let actionName = `Fetch information about ${entityName}`;

    const actions = [
      <FlatButton
        label="Cancel"
        primary={true}
        onTouchTap={this.handleClose}
      />,
      <FlatButton
        label={actionName}
        primary={true}
        keyboardFocused={true}
        onTouchTap={this.askLead}
      />,
    ];

    return (
      <Dialog
        title="CluedIn Lead Generation Services (Beta)"
        modal={true}
        open={isOpen}
        actions={actions}
      >
        CluedIn can help you build <b>quality data on {entityName}</b>. The service is <b>currently free</b> in beta
        version.<br/><br/>
        We will gather relevant information about this company like industry domain, market revenue, key people in the
        company, full social profile and generate the <b>CluedIn sales index</b>. This index will give you indication
        on the level of chance you have to get it as a customer.
      </Dialog>
    );
  }
};