Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { useNavigate } from 'react-router-dom';

import { useAlert, useAlertModal, useApi, useModal } from '@shared/hooks';
import { debounce } from '@shared/utils';
import {
  getMyGroups,
  saveGroup as saveGroupService,
  deleteGroup as deleteGroupService
} from '@groups/services';

import { AddGroupForm } from '@groups/components';

export const useMyGroups = () => {
  const navigate = useNavigate();

  const { showModal, closeModal } = useModal();
  const { showAlert, closeAlert } = useAlertModal();
  const { showError, showSuccess } = useAlert();

  const {
    data: groups,
    loading,
    execute
  } = useApi(getMyGroups, {
    autoFetch: true
  });

  const { execute: saveGroup } = useApi(saveGroupService, {
    onSuccess: (message) => {
      showSuccess(message);
      closeModal();
      execute();
    },
    onError: (error) => {
      showError(error.message);
    }
  });

  const { execute: executeDeleteGroup } = useApi(deleteGroupService, {
    onSuccess: (message) => {
      showSuccess(message);
      closeAlert();
      execute();
    },
    onError: (error) => {
      showError(error.message);
    }
  });

  const addGroup = () => {
    showModal('Agregar grupo', <AddGroupForm onSubmit={saveGroup} />);
  };

  const editGroup = (url) => {
    navigate(url);
  };

  const deleteGroup = (url) => {
    showAlert({
      title: '¿Estás seguro de querer eliminar este grupo?',
      onConfirm: () => executeDeleteGroup(url),
      onCancel: closeAlert
    });
  };

  const viewGroup = (url) => {
    navigate(url);
  };

  const searchGroups = debounce((value) => {
    execute({ search: value });
  }, 500);

  return { groups, loading, addGroup, editGroup, deleteGroup, viewGroup, searchGroups };
};