import React from 'react';
import './app.css';
import Header from 'domain/layout/component/Header';
import Sidebar from 'domain/layout/component/Sidebar';
import Aside from 'domain/layout/component/Aside';
import Footer from 'domain/layout/component/Footer';
import 'office-ui-fabric-react/dist/css/fabric.css';
import { connect } from 'react-redux';
import Auth from 'domain/user/component/auth';
import Breadcrumbs from 'react-breadcrumbs';

const mapStateToProps = state => ({
  profile: state.user.profile,
  pathname: state.routing.locationBeforeTransitions.pathname,
});

class App extends React.Component {

  render() {
    const children = this.props.children;

    return (
      <Auth>
        <div className="app">
          <Header />
          <div className="app-body">
            <Sidebar />
            <main className="main">
              <Breadcrumbs
                wrapperElement="ol"
                wrapperClass="breadcrumb"
                itemClass="breadcrumb-item"
                separator=""
                routes={this.props.routes}
                params={this.props.params}
              />
              <div className="container-fluid">
                {children}
              </div>
            </main>
            <Aside />
          </div>
          <Footer />
        </div>
      </Auth>
    );
  }

}

App.propTypes = {
  profile: React.PropTypes.object,
  pathname: React.PropTypes.string,
  children: React.PropTypes.node,
};

export default connect(mapStateToProps)(App);

@@ -394,53 +394,8 @@
 th';
-%0Aimport Breadcrumbs from 'react-breadcrumbs';
 %0A%0Aco
@@ -795,289 +795,39 @@
 ain%22
-%3E%0A              %3CBreadcrumbs%0A                wrapperElement=%22ol%22%0A                wrapperClass=%22breadcrumb%22%0A                itemClass=%22breadcrumb-item%22%0A                separator=%22%22%0A                routes=%7Bthis.props.routes%7D%0A                params=%7Bthis.props.params%7D%0A              /
+ style=%7B%7B paddingTop: '20px' %7D%7D
 %3E%0A  

remove breadcrumb