dashboard/src/services/users/hooks/use-users.ts

import { useDispatch, useSelector } from 'react-redux';
import { getUsers, fetchUsers, fetchUserById, updateUserById, createUser, deleteUser } from '../redux';
import { getUserById, getUserModalLoading, getUserslLoading } from '../redux/selectors';

export function useUsers() {
  const dispatch = useDispatch();
  const users = useSelector(getUsers);
  const user = useSelector(getUserById);
  const userModalLoading = useSelector(getUserModalLoading);
  const userTableLoading = useSelector(getUserslLoading);

  function loadUsers() {
    return dispatch(fetchUsers());
  }

  function loadUser(id: string) {
    return dispatch(fetchUserById(id));
  }

  function editUserById(data: any) {
    return dispatch(updateUserById(data));
  }

  function createNewUser(data: any) {
    return dispatch(createUser(data));
  }

  function deleteUserById(id: string) {
    return dispatch(deleteUser(id));
  }

  return {
    users,
    user,
    loadUser,
    loadUsers,
    editUserById,
    userModalLoading,
    userTableLoading,
    createNewUser,
    deleteUserById,
  };
}