import React, { useState, useEffect } from 'react'; import MenuItem from "@material-ui/core/MenuItem"; import Menu from "@material-ui/core/Menu"; import logowhite from "../mysy_img/MYSY-LOGO-WHITE.png"; import { confirmAlert } from 'react-confirm-alert'; // Import import bannerimg from "../mysy_img/MYSY_banner_compte.png"; import { useHistory } from "react-router-dom"; import { getCookie, removeCookie } from 'react-use-cookie'; import { useCookies } from "react-cookie"; import connect_white from "../mysy_img/connect_white_v2.png"; import connect_green from "../mysy_img/connect_green.png"; const Header = () => { const history = useHistory(); const stored_user = getCookie('tokenmysych'); const stored_part = getCookie('tokenmysypart'); const [cookie, setCookie, removeCookie] = useCookies(['tokenmysych'], { path: '/' }); const [partcookie, setpartCookie, removepartCookie] = useCookies(['tokenmysypart'], { path: '/' }); const [PartnerMenu, setPartnerMenu] = React.useState(null); const [AccountMenu, setAccountMenu] = React.useState(null); const [ProduitMenu, setproduitMenu] = React.useState(null); const [AvisMenu, setavisMenu] = React.useState(null); const [CategorieMenu, setCategorieMenu] = React.useState(null); const PartnerMenu_Close = () => { setPartnerMenu(null); }; const AccountMenu_Close = () => { setAccountMenu(null); }; const ProduitMenu_Close = () => { setproduitMenu(null); }; const CategorieMenu_Close = () => { setCategorieMenu(null); }; const handleCategorieMenu = (event) => { setCategorieMenu(event.currentTarget); }; const handlePartnerMenu = (event) => { setPartnerMenu(event.currentTarget); }; const handleAccountMenu = (event) => { setAccountMenu(event.currentTarget); }; const handleProduitMenu = (event) => { setproduitMenu(event.currentTarget); }; const handleClose_Account = () => { alert(" my account"); setAccountMenu(null); }; const handleAccountConnexion = () => { setAccountMenu(null); history.push("/Connexion") }; const handleMyAccount = () => { setAccountMenu(null); history.push("/mysy-user-account") }; const handleClassCategorie = (e) => { setCategorieMenu(null); var mymetier = ""; mymetier = e.target.id //alert(" cours de : " + mymetier); history.push("/Recherche_new_v2/0/" + mymetier); }; const handleAccountCreation = () => { setAccountMenu(null); history.push("/create_account") }; const handlePartnerConnexion = () => { setAccountMenu(null); history.push("/PartnerLogin") }; const handleProduitService = () => { setproduitMenu(null); history.push("/Produits-Services/") }; const handleAvis = () => { setavisMenu(null); history.push("/Recherche-Article-formation") }; function user_logout_confirmation() { /* si c'est une connexion partner qui est active */ if (typeof (stored_user) != "undefined") { setCookie("tokenmysych", ""); } history.push("/recherche-formation"); } function user_logout() { confirmAlert({ title: '', message: 'Confirmez la deconnexion (user)', buttons: [ { label: 'Oui', onClick: () => user_logout_confirmation() }, { label: 'Non', onClick: () => { return } } ] }); } function part_logout_confirmation() { /* si c'est une connexion partner qui est active */ if (typeof (stored_part) != "undefined") { const stored_cookie = getCookie('tokenmysypart'); var acces_right_token_name = stored_cookie+"_uar"; setpartCookie("tokenmysypart", "", { path: '/' }); setpartCookie(acces_right_token_name, "", { path: '/' }); removeCookie(acces_right_token_name, { path: '/' }); } history.push("/recherche-formation"); } function part_logout() { confirmAlert({ title: '', message: 'Confirmez la deconnexion (pro)', buttons: [ { label: 'Oui', onClick: () => part_logout_confirmation() }, { label: 'Non', onClick: () => { return } } ] }); } const [userconnected, setuserconnected] = useState("0"); const [someoneconnected, setsomeoneconnected] = useState("0"); const [partnerconnected, setpartnerconnected] = useState("0"); useEffect(() => { var local_user_connect = 0; var local_part_connect = 0; if (typeof (stored_user) === "undefined" || String(stored_user) === '') { setuserconnected("0"); local_user_connect = 0; } else { setuserconnected("1"); setsomeoneconnected("1"); local_user_connect = 1; //alert(" user connected OK"); } if (typeof (stored_part) === "undefined" || String(stored_part) === '') { setpartnerconnected("0"); local_part_connect = 0; } else { setpartnerconnected("1"); setsomeoneconnected("1"); local_part_connect = 1; //alert(" partner connected OK"); } }, []); function handleAccountLogout() { if (String(userconnected) === String("1")) { user_logout(); } else if (String(partnerconnected) === String("1")) { part_logout(); } } const handleMyPartnerAccount = () => { setAccountMenu(null); history.push("/Partner") }; function handleAccountConnexion_v2() { if (String(userconnected) === String("1")) { handleMyAccount(); } else if (String(partnerconnected) === String("1")) { handleMyPartnerAccount(); } } function publiecatalogue(){ history.push("/Partner", {mysy_arg:'partner'}); } const handleBlogMenu = (event) => { history.push("/Recherche-Article-formation") }; return (
Mon Compte Deconnexion Mon Compte Connexion Creation Deconnexion

Connexion MySy Training Technogy

Les formations

Connexion MySy Training Technogy

{String(someoneconnected) !== String("1") && } {String(someoneconnected) === String("1") && }
{String(someoneconnected) === String("1") &&
Mon Compte
} {String(someoneconnected) !== String("1") &&
S'inscrire
}
Nos Services
Le blog
publier mes formations

Recherche de Formations & Tutoriels
) } export default Header;