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

import { useDispatch, useSelector } from 'react-redux';
import {
  getUsers,
  fetchUsers,
  fetchUserById,
  updateUserById,
  createUser,
  deleteUser,
  clearCurrentUser,
} 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 clearSelectedUser() {
    return dispatch(clearCurrentUser());
  }

  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,
    clearSelectedUser,
  };
}