more

src/Components/Navigation/Navpanel.js

@@ -4,7 +4,7 @@ import "../../styles/contact.scss";
 import { Link } from "react-router-dom";
 
 export default function Navpanel(props) {
-  const { menuOpen, setMenuOpen, navToggle } = props;
+  const { menuOpen, setMenuOpen, navToggle, packUpAndLeave } = props;
   console.log("+++++++++menuOpen", menuOpen);
   const mobileMainHeadingClass = menuOpen
     ? "mobileMainHeadingShow"
@@ -27,7 +27,10 @@ export default function Navpanel(props) {
         <div className="mobileHeadingLinkWrap">
           <div className="mobile-info-box">
             <div className="contact-detail-one">
-              <a className="contact-link" href="/login" onClick={navToggle}>
+              <a
+                className="contact-link"
+                onClick={() => packUpAndLeave("login")}
+              >
                 Login
               </a>
             </div>