import React, { useEffect } from "react";
import PropTypes from "prop-types";
import { connect } from "react-redux";
import { getAdminModules } from "../../actions/admins";

import Modules from "../modules/modules";

const AdminModulesConnected = ({ modules, loading, getAdminModules }) => {
  useEffect(() => {
    getAdminModules();
  }, [getAdminModules]);

  return <Modules modules={modules} isLoading={loading} />;
};
AdminModulesConnected.propTypes = {
  modules: PropTypes.object,
  loading: PropTypes.bool,
  getAdminModules: PropTypes.func.isRequired
};

const mapStateToProps = state => ({
  loading: state.adminStore.get("fetchingModules"),
  modules: state.adminStore.get("modules")
});

export const AdminModules = connect(mapStateToProps, { getAdminModules })(
  AdminModulesConnected
);