Proyectos de Subversion LeadersLinked - SPA

import React, { createContext, useCallback } from "react";

import { useFetch } from "@hooks";

export const ParadigmsContext = createContext();

export default function ParadigmsProvider({ url, children }) {

  const { data, loading: loading, mutate } = useFetch(url, { items: [] });

  const { items: paradigms, link_add, total } = data;

  const addParadigm = useCallback(

    (newParadigm) => {

      const newParadigms = [newParadigm, ...paradigms];

      mutate({ ...data, items: newParadigms });

    },

    [paradigms, mutate]

  );

  const removeParadigm = useCallback(

    (paradigmId) => {

      const newParadigms = paradigms.filter(

        (paradigm) => paradigm.id !== paradigmId

      );

      mutate({ ...data, items: newParadigms });

    },

    [paradigms, mutate]

  );

  const updateParadigm = useCallback(

    (updatedParadigm) => {

      const newParadigms = paradigms.map((paradigm) =>

        paradigm.id === updatedParadigm.id ? updatedParadigm : paradigm

      );

      mutate({ ...data, items: newParadigms });

    },

    [paradigms, mutate]

  );

  const getParadigmById = useCallback(

    (paradigmId) => paradigms.find((paradigm) => paradigm.id === paradigmId),

    [paradigms]

  );

  return (

    <ParadigmsContext.Provider

      value={{

        loading,

        paradigms,

        addUrl: link_add,

        total,

        addParadigm,

        removeParadigm,

        updateParadigm,

        getParadigmById,

      }}

    >

      {children}

    </ParadigmsContext.Provider>

  );

}