import React from "react"
import PropTypes from "prop-types"
import { connect } from "react-redux"
import { bindActionCreators } from "redux"
import { updateUser } from "../../actions/admins"

import Modules from "../modules/modules"
import { UserList } from "./users"
import { Stats } from "./stats"

const AdminPanel = props => (
  <React.Fragment>
    <Stats stats={props.stats}/>
    <UserList users={props.users} updateUser={props.updateUser}/>
    <Modules modules={props.modules}/>
  </React.Fragment>
)
AdminPanel.propTypes = {
  stats: PropTypes.object,
  users: PropTypes.object,
  modules: PropTypes.object,
  updateUser: PropTypes.func,
};

const mapStateToProps = state => ({
  users: state.adminStore.get("users"),
  stats: state.adminStore.get("stats"),
  modules: state.adminStore.get("modules"),
});
const mapDispatchToProps = dipatch =>
  bindActionCreators({ updateUser }, dipatch)

export default connect(mapStateToProps, mapDispatchToProps)(AdminPanel);