GeekPark/gpk_account

import React, { PropTypes } from 'react';
import { connect } from 'react-redux';

import Header from '../share/Header';
import LeftMenu from './LeftMenu';

import { permit } from '../../share/utils';

const Wrapper = props => (
  <div>
    <Header />
    <div className="user-wrapper">
      <div className="left-menu-wrapper">
        <LeftMenu {...permit(props, ['server', 'dispatch', 'verify_code'])} />
      </div>
      <div className="main-panel-wrapper">
        {React.cloneElement(props.children, { ...permit(props, ['server', 'dispatch', 'verify_code']) })}
      </div>
    </div>
  </div>
);


Wrapper.propTypes = {
  children: PropTypes.element.isRequired,
  style: PropTypes.object,
};

const mapStateToProps = state => {
  const { server, verify_code } = state;
  return { server, verify_code };
};
export default connect(mapStateToProps)(Wrapper);