stitch-ui/src/admin/components/RootAdminApp.js

// TODO proptypes
/* eslint-disable react/prop-types */
import React from "react";
import { Route } from "react-router-dom";
import { connect } from "react-redux";
import { TopNav } from "../../nav";
import { SideNav } from "./SideNav";

import RootAdminLogBrowser from "./RootAdminLogBrowser";
import RootAdminUsers from "./RootAdminUsers";

// eslint-disable-next-line import/prefer-default-export
const RootAdminApp = props =>
  <div className="sidenav-padding">
    <TopNav />
    <div>
      {React.Children.map(props.children, c => React.cloneElement(c))}
    </div>
    <SideNav />

    <Route path="/admin/logs" component={RootAdminLogBrowser} />
    <Route path="/admin/users" component={RootAdminUsers} />
  </div>;

const mapStateToProps = state => ({
  client: state.base.client
});

export default connect(mapStateToProps)(RootAdminApp);