canape/frontend/js/components/users/profile.js

import React from "react";
import { useDispatch, useSelector } from "react-redux";

import { PolochonList } from "../polochons/list";
import { UserEdit } from "./edit";

import { getUserModules } from "../../actions/users";
import Modules from "../modules/modules";

export const UserProfile = () => {
  const dispatch = useDispatch();
  const modules = useSelector((state) => state.user.modules);
  const modulesLoading = useSelector((state) => state.user.modulesLoading);

  const fetchModules = () => {
    dispatch(getUserModules());
  };

  return (
    <div>
      <UserEdit />
      <PolochonList />
      <Modules
        modules={modules}
        isLoading={modulesLoading}
        fetchModules={fetchModules}
      />
    </div>
  );
};