Proyectos de Subversion LeadersLinked - SPA

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

export const ValuesContext = createContext()

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

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

  const addPurpose = (purpose) => {
    setValues([
      ...values,
      {
        id: values.length + 1,
        description: purpose
      }
    ])
    toggleModal()
  }

  return (
    <ValuesContext.Provider
      value={{
        setValues,
        values,
        toggleModal,
        showModal,
        addPurpose
      }}
    >
      {children}
    </ValuesContext.Provider>
  )
}