Proyectos de Subversion LeadersLinked - SPA

import React, { useEffect, useMemo, useState } from 'react';

import { useModal, useAlert } from '@app/modules/shared/hooks';

import { deleteKnowledge } from '../services';

import { useFetch, useSearchQuery } from '@hooks';

import { debounce } from '@utils';

import { KnowledgeForm } from '../components';

export function useKnowledges() {

  const [knowledges, setKnowledges] = useState([]);

  const { getParam, setParam } = useSearchQuery();

  const { data, isLoading: loading } = useFetch('/knowledge-area?search=' + getParam('search'));

  const { showModal } = useModal();

  const { showSuccess, showError } = useAlert();

  const categories = useMemo(() => {

    const categories = [{ label: 'Todas', value: '' }];

    const results = data.categories

      .filter(({ uuid }) => data.categories_with_edition.includes(uuid))

      .map(({ uuid, name }) => ({

        label: name,

        value: uuid

      }));

    categories.push(...results);

    return categories;

  }, [data.categories]);

  const handleSearchKnowledge = debounce((value) => setParam('search', value), 500);

  const setPage = (page) => setParam('page', page);

  const onDeleteKnowledge = async (url) => {

    try {

      const message = await deleteKnowledge(url);

      showSuccess(message);

    } catch (error) {

      showError(error.message);

    }

  };

  const handleAddKnowledge = (url) => {

    showModal(

      'Agregar Conocimiento',

      <KnowledgeForm

        onComplete={(newKnowledge) => {

          setKnowledges((prev) => [...prev, newKnowledge]);

        }}

        categories={categories}

        url={url}

      />

    );

  };

  const handleEditKnowledge = (url) => {

    showModal(

      'Editar Conocimiento',

      <KnowledgeForm

        onComplete={(newKnowledge) => {

          setKnowledges((prev) => {

            const index = prev.findIndex((knowledge) => knowledge.uuid === newKnowledge.uuid);

            prev[index] = newKnowledge;

            return [...prev];

          });

        }}

        categories={categories}

        url={url}

      />

    );

  };

  const handleDeleteKnowledge = (url) => {

    showModal('Eliminar Conocimiento', <p>¿Está seguro que desea eliminar este conocimiento?</p>);

  };

  useEffect(() => {

    if (data) setKnowledges(data.knowledges);

  }, [data]);

  return {

    categories,

    knowledges,

    loading,

    page: data.page,

    pages: data.total_pages,

    setPage,

    searchKnowledge: handleSearchKnowledge,

    deleteKnowledge: handleDeleteKnowledge,

    addKnowledge: handleAddKnowledge,

    editKnowledge: handleEditKnowledge

  };

}