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

};