Proyectos de Subversion LeadersLinked - SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
2630 stevensc 1
import React, { createContext, useState } from 'react'
2
 
3
export const ValuesContext = createContext()
4
 
5
export default function ValuesProvider({ children }) {
6
  const [values, setValues] = useState([
7
    {
8
      id: 1,
9
      title: 'Value 1',
10
      description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
11
    },
12
    {
13
      id: 2,
14
      title: 'Value 2',
15
      description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
16
    }
17
  ])
18
  const [showModal, setshowModal] = useState(false)
19
 
20
  const toggleModal = () => setshowModal(!showModal)
21
 
22
  const addPurpose = (purpose) => {
23
    setValues([
24
      ...values,
25
      {
26
        id: values.length + 1,
27
        description: purpose
28
      }
29
    ])
30
    toggleModal()
31
  }
32
 
33
  return (
34
    <ValuesContext.Provider
35
      value={{
36
        setValues,
37
        values,
38
        toggleModal,
39
        showModal,
40
        addPurpose
41
      }}
42
    >
43
      {children}
44
    </ValuesContext.Provider>
45
  )
46
}