import PropTypes from 'prop-types';

  import { connect } from 'react-redux';

  import { SortableHandle } from 'react-sortable-hoc';

  import "./WidgetChrome.css";

    constructor(props) {

      super(props);

      this.handleEditButtonClicked = this.handleEditButtonClicked.bind(this)

    }

    handleEditButtonClicked(e) {

      this.props.onEdit(this.props.widget.idx);

    }

    render() {

      // Make sure there's always a title in edit mode

      const title = (this.props.editMode && !this.props.widget.title) ? this.props.widget.label : this.props.widget.title;

            <DragHandle />

            {title}

            <a href="#"

              className="float-right text-dark"

              onClick={this.handleEditButtonClicked}

              >

              <i className="fa fa-cog" aria-hidden="true"></i>

            </a>

          </div>

        );

      } else if (title) {

  };

  const mapDispatchToProps = dispatch => {

    return {

    }

  }

  import { connect } from 'react-redux';

  import {

    saveConfig,

    closeConfigDialog,

    } from "../core/actions/widget";

  import { makeLoadable } from '../core/utils';

      };

      this.handleClose = this.handleClose.bind(this);

      this.handleWidgetEdited = this.handleWidgetEdited.bind(this);

      this.setWidgetConfig = this.setWidgetConfig.bind(this);

    }

      this.props.dispatch(saveConfig(this.props.widget.idx, this.state.widgetConfig));

    }

    handleClose(e) {

      this.props.dispatch(closeConfigDialog());

    }

        <div className="d-flex justify-content-end w-100">

          <button

            type="button"

            className="btn btn-secondary ml-3"

            onClick={this.handleClose}

            >