cluedin-widget/core/components/WidgetManagment/subPage/AddWidget.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 RaisedButton from 'material-ui/RaisedButton';
import AllWidget from '../components/AllWidgets.jsx';

const AddWidgetStyle = {
  headerList: {
    margin: 0,
    padding: 0,
  },
  headerListItem: {
    listStyle: 'none',
    padding: 0,
    margin: '0px 10px 0px 0px',
    display: 'inline-block',
  },
  content: {
    marginTop: '15px',
  },
  title: {
    margin: '0px 0px 15px 0px',
    padding: '10px 0px 5px 0px',
    fontSize: '16px',
    width: '100%',
  },
};

class AddWidget extends Component {

  render() {
    const {
      widgetConfiguration,
      onBackClick,
      onAddWidgetClick,
    } = this.props;

    return (<div>
      <ul style={AddWidgetStyle.headerList}>
        <li key="back" style={AddWidgetStyle.headerListItem}>
          <RaisedButton onClick={onBackClick} label="Back"></RaisedButton>
        </li>
        <li key="widget" style={AddWidgetStyle.headerListItem}>
          <h4 style={AddWidgetStyle.title}>Choose Your Widget</h4>
        </li>
      </ul>
      <div style={AddWidgetStyle.content}>
        <AllWidget widgetConfiguration={widgetConfiguration}
                   onAddWidgetClick={onAddWidgetClick}></AllWidget>
      </div>
    </div>);
  }
}

export default AddWidget;