Proyectos de Subversion LeadersLinked - SPA

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

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

export const MenuContext = createContext({

export const MenuContext = createContext({

  anchorEl: null,

  anchorEl: null,

  open: false,

  open: false,

  openMenu: () => {},

  openMenu: () => {},

  closeMenu: () => {},

  closeMenu: () => {},

  handleClick: () => {}

  handleClick: () => {}

});

});

export function MenuProvider({ children }) {

export function MenuProvider({ children }) {

  const [anchorEl, setAnchorEl] = useState();

  const [anchorEl, setAnchorEl] = useState();

  const open = Boolean(anchorEl);

  const open = Boolean(anchorEl);

  const openMenu = (element) => {

  const openMenu = (element) => {

    setAnchorEl(element);

    setAnchorEl(element);

  };

  };

  const closeMenu = () => {

  const closeMenu = () => {

    setAnchorEl(null);

    setAnchorEl(null);

  };

  };

  const handleClick = (onClick) => {

  const handleClick = (onClick) => {

    closeMenu();

    closeMenu();

    onClick();

    onClick();

  };

  };

  return (

  return (

    <MenuContext.Provider value={{ anchorEl, open, openMenu, closeMenu, handleClick }}>

    <MenuContext.Provider value={{ anchorEl, open, openMenu, closeMenu, handleClick }}>

      {children}

      {children}

    </MenuContext.Provider>

    </MenuContext.Provider>

  );

  );

}

}