Proyectos de Subversion LeadersLinked - SPA

import React, { createContext, useState } from 'react'

export const PurposesContext = createContext()

export default function PurposesProvider({ children }) {
  const [purposes, setPurposes] = useState([
    {
      id: 1,
      title: 'Purpose 1',
      description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
    },
    {
      id: 2,
      title: 'Purpose 2',
      description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
    }
  ])
  const [showModal, setshowModal] = useState(false)

  const toggleModal = () => setshowModal(!showModal)

  const addPurpose = (purpose) => {
    setPurposes([
      ...purposes,
      {
        id: purposes.length + 1,
        ...purpose
      }
    ])
    toggleModal()
  }

  return (
    <PurposesContext.Provider
      value={{
        setPurposes,
        purposes,
        toggleModal,
        showModal,
        addPurpose
      }}
    >
      {children}
    </PurposesContext.Provider>
  )
}