Proyectos de Subversion LeadersLinked - SPA

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

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

export const ModalContext = createContext({

export const ModalContext = createContext({

  show: false,

  show: false,

  title: '',

  title: '',

  content: '',

  content: '',

  showModal: () => {},

  showModal: () => {},

  closeModal: () => {}

  closeModal: () => {}

});

});

export function ModalProvider({ children }) {

export function ModalProvider({ children }) {

  const [show, setShow] = useState(false);

  const [show, setShow] = useState(false);

  const [title, setTitle] = useState('');

  const [title, setTitle] = useState('');

  const [content, setContent] = useState('');

  const [content, setContent] = useState('');

  const showModal = useCallback((title, content) => {

  const showModal = useCallback((title, content) => {

    setTitle(title);

    setTitle(title);

    setContent(content);

    setContent(content);

    setShow(true);

    setShow(true);

  }, []);

  }, []);

  const closeModal = useCallback(() => {

  const closeModal = useCallback(() => {

    setTitle('');

    setTitle('');

    setContent('');

    setContent('');

    setShow(false);

    setShow(false);

  }, []);

  }, []);

  return (

  return (

    <ModalContext.Provider

    <ModalContext.Provider

      value={{

      value={{

        show,

        show,

        title,

        title,

        content,

        content,

        showModal,

        showModal,

        closeModal

        closeModal

      }}

      }}

    >

    >

      {children}

      {children}

    </ModalContext.Provider>

    </ModalContext.Provider>

  );

  );

}

}