Proyectos de Subversion LeadersLinked - SPA

import { useEffect, useState } from 'react';
import { useDispatch } from 'react-redux';

import { addNotification } from '@store/notification/notification.actions';

export function useResource({ defaultResources = [], addResource, editResource, deleteResource }) {
  const [resources, setResources] = useState(defaultResources);
  const [modalState, setModalState] = useState(null);
  const [currentResource, setCurrentResource] = useState(null);
  const dispatch = useDispatch();

  const showModal = (type, resource = null) => {
    setCurrentResource(resource);
    setModalState(modalState === type ? null : type);
  };

  const clearModal = () => {
    showModal(null);
    setCurrentResource(null);
  };

  const onAdd = async (uuid, resource) => {
    try {
      const newResources = await addResource(uuid, resource);
      setResources(newResources);
      clearModal();
    } catch (error) {
      dispatch(addNotification({ style: 'danger', msg: error.message }));
    }
  };

  const onEdit = async (resource) => {
    try {
      console.log('Editing');
      const newResources = await editResource(currentResource.link_edit, resource);
      console.log(newResources);
      setResources(newResources);
      clearModal();
    } catch (error) {
      dispatch(addNotification({ style: 'danger', msg: error.message }));
    }
  };

  const onDelete = async () => {
    try {
      const newResources = await deleteResource(currentResource.link_delete);
      setResources(newResources);
      clearModal();
    } catch (error) {
      dispatch(addNotification({ style: 'danger', msg: error.message }));
    }
  };

  useEffect(() => {
    setResources(defaultResources);
  }, [defaultResources]);

  return {
    showModal,
    modalState,
    onAdd,
    onEdit,
    onDelete,
    clearModal,
    resources,
    currentResource
  };
}