import React, { useState, useEffect } from 'react'; //import { slide as Menu } from "react-burger-menu"; import { NavLink } from "react-router-dom"; import { getCookie } from 'react-use-cookie'; import { useHistory } from "react-router-dom"; import LogoutOutlinedIcon from '@mui/icons-material/LogoutOutlined'; import Button from '@mui/material/Button'; import { confirmAlert } from 'react-confirm-alert'; // Import import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css import { useCookies } from "react-cookie"; import { Helmet } from "react-helmet"; import logowhite from "../mysy_img/MYSY-LOGO-WHITE.png"; import connect_white from "../mysy_img/connect_white_v2.png"; import MenuItem from "@material-ui/core/MenuItem"; import Menu from "@material-ui/core/Menu"; import connect_green from "../mysy_img/connect_green.png"; import Dialog from '@mui/material/Dialog'; import DialogActions from '@mui/material/DialogActions'; import DialogContent from '@mui/material/DialogContent'; import DialogContentText from '@mui/material/DialogContentText'; import DialogTitle from '@mui/material/DialogTitle'; const ButtonHilight = () => { const history = useHistory(); const [show, setShow] = useState(true); const [lastScrollY, setLastScrollY] = useState(0); const [cookie, setCookie, removeCookie] = useCookies(['tokenmysych']); const [partcookie, setpartCookie, removepartCookie] = useCookies(['tokenmysypart']); const controlNavbar = () => { if (typeof window !== 'undefined') { if (window.scrollY > lastScrollY && window.scrollY > 100) { setShow(false); } else if (window.scrollY < lastScrollY && window.scrollY < 100) { // if scroll up show the navbar setShow(true); } // remember current page location to use in the next move setLastScrollY(window.scrollY); } }; const [userconnected, setuserconnected] = useState("0"); const [someoneconnected, setsomeoneconnected] = useState("0"); const [partnerconnected, setpartnerconnected] = useState("0"); var stored_user = getCookie('tokenmysych'); var stored_part = getCookie('tokenmysypart'); function whosisconnected() { stored_user = getCookie('tokenmysych'); stored_part = getCookie('tokenmysypart'); 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"); setsomeoneconnected("0"); local_part_connect = 0; } else { setpartnerconnected("1"); setsomeoneconnected("1"); local_part_connect = 1; // alert(" partner connected OK"); } } useEffect(() => { whosisconnected(); if (typeof window !== 'undefined') { window.addEventListener('scroll', controlNavbar); // cleanup function return () => { window.removeEventListener('scroll', controlNavbar); }; } }, [lastScrollY]); 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 PartnerMenu_Close = () => { setPartnerMenu(null); }; const AccountMenu_Close = () => { setAccountMenu(null); }; const ProduitMenu_Close = () => { setproduitMenu(null); }; const handlePartnerMenu = (event) => { setPartnerMenu(event.currentTarget); }; const handleAccountMenu = (event) => { setAccountMenu(event.currentTarget); }; const handleProduitMenu = (event) => { setproduitMenu(event.currentTarget); }; const handleQuisommesNousMenu = (event) => { history.push("/QuiSommesNous") }; 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 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 */ //alert(" deccc"); //console.log(" ### AVANNN deconnexion iciiii"); 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: '/' }); } setsomeoneconnected('0'); setDialog_1_open(false); 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 } } ] }); } function handleAccountLogout() { if (String(userconnected) === String("1")) { user_logout(); } else if (String(partnerconnected) === String("1")) { part_logout(); } } const [CategorieMenu, setCategorieMenu] = React.useState(null); const CategorieMenu_Close = () => { setCategorieMenu(null); }; const handleCategorieMenu = (event) => { setCategorieMenu(event.currentTarget); }; const handleClassCategorie = (e) => { setCategorieMenu(null); const pieces = window.location.href.split("/") const last = pieces[pieces.length - 1] var mymetier = ""; mymetier = e.target.id if (last === mymetier) { //console.log(" ## RELAOD"); window.location.reload(true); } else { history.push("/Recherche_new_v2/0/" + mymetier); } }; function publiecatalogue() { history.push("/Partner", { mysy_arg: 'partner' }); } const handleBlogMenu = (event) => { history.push("/Recherche-Article-formation") }; const [Dialog_1_message, setDialog_1_message] = React.useState(false); const [Dialog_1_open, setDialog_1_open] = React.useState(false); function Dialog_1_handle_change_participant_session(message) { setDialog_1_message(message); setDialog_1_open(true); } const Dialog_1_handleClose = () => { //alert(" Utiliser le bouton 'fermer' "); //setOpen(false); }; const Dialog_1_handleClose_buton = () => { setDialog_1_open(false); }; return (
MySy Information Confirmez la deconnexion
Compte utilisateur Mon Compte Deconnexion Mon Compte Connexion S'inscrire Deconnexion {/* */}

Connexion MySy Training Technogy

MySy Training Technology
Les formations

Recherche Formations Tutoriels

{String(someoneconnected) !== String("1") && } {String(someoneconnected) === String("1") && }
{String(someoneconnected) === String("1") &&
Mon Compte
} {String(someoneconnected) !== String("1") &&
S'inscrire
}
Nos Services
{/*
Le blog
*/}
Qui Sommes nous ?
{/*
publier mes formations
*/}
{/*

*/}
); } export default ButtonHilight;