Proyectos de Subversion LeadersLinked - SPA

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

import { useFetch } from '@hooks';

export const PurposesContext = createContext();

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

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

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

  const addPurpose = useCallback(

    (newPurpose) => {

      const newPurposes = [newPurpose, ...purposes];

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

    },

    [purposes, mutate]

  );

  const removePurpose = useCallback(

    (purposeId) => {

      const newPurposes = purposes.filter((purpose) => purpose.id !== purposeId);

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

    },

    [purposes, mutate]

  );

  const updatePurpose = useCallback(

    (updatedPurpose) => {

      const newPurposes = purposes.map((purpose) =>

        purpose.id === updatedPurpose.id ? updatedPurpose : purpose

      );

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

    },

    [purposes, mutate]

  );

  const getPurposeById = useCallback(

    (purposeId) => purposes.find((purpose) => purpose.id === purposeId),

    [purposes]

  );

  return (

    <PurposesContext.Provider

      value={{

        loading,

        purposes,

        addUrl: link_add,

        total,

        addPurpose,

        removePurpose,

        updatePurpose,

        getPurposeById

      }}

    >

      {children}

    </PurposesContext.Provider>

  );

}