More

src/Components/Navigation/Navbar.js

@@ -26,6 +26,7 @@ const CustomToggle = React.forwardRef(({ onClick }, ref) => (
 const NavbarElement = (props) => {
   //const [showMenu, setShowMenu] = useState(false);
   const [menuOpen, setMenuOpen] = useState(true);
+  const [isMobile, setIsMobile] = useState(window.innerWidth < 440);
   const token = window.sessionStorage.getItem("token");
   const navigate = useNavigate();
   const navItems = token
@@ -119,6 +120,7 @@ const NavbarElement = (props) => {
             menuOpen={menuOpen}
             navToggle={navToggle}
             packUpAndLeave={packUpAndLeave}
+            token={token}
           />
         </div>
       </Navbar>

src/Components/Navigation/Navpanel.js

@@ -4,8 +4,8 @@ import "../../styles/contact.scss";
 import { Link } from "react-router-dom";
 
 export default function Navpanel(props) {
-  const { menuOpen, setMenuOpen, navToggle, packUpAndLeave } = props;
-  console.log("+++++++++menuOpen", menuOpen);
+  const { menuOpen, setMenuOpen, navToggle, packUpAndLeave, token } = props;
+
   const mobileMainHeadingClass = menuOpen
     ? "mobileMainHeadingShow"
     : "mobile-main-heading-hide";
@@ -14,8 +14,6 @@ export default function Navpanel(props) {
     ? "mobile-heading-wrapper1"
     : "mobile-heading-wrapper";
 
-  console.log("mobileMainHeadingClass", mobileMainHeadingClass);
-  console.log("mobileHeadingWrapperClass", mobileHeadingWrapperClass);
   return (
     <div className={mobileMainHeadingClass}>
       <div className={mobileHeadingWrapperClass}>
@@ -25,6 +23,7 @@ export default function Navpanel(props) {
           </div>
         </div>
         <div className="mobileHeadingLinkWrap">
+          {!token ? (
             <div className="mobile-info-box">
               <div className="contact-detail-one">
                 <a
@@ -56,6 +55,39 @@ export default function Navpanel(props) {
                 </a>
               </div>
             </div>
+          ) : (
+            <div className="mobile-info-box">
+              <div className="contact-detail-one">
+                <a
+                  className="contact-link"
+                  onClick={() => packUpAndLeave("dashboard")}
+                >
+                  Dashboard
+                </a>
+              </div>
+              <div className="contact-detail-two">
+                <a
+                  className="contact-link-two"
+                  onClick={() => packUpAndLeave("cases")}
+                >
+                  Cases
+                </a>
+              </div>
+              <div className="contact-detail-three">
+                <a
+                  className="nav-link-three"
+                  onClick={() => packUpAndLeave("documents")}
+                >
+                  Documents
+                </a>
+              </div>
+              <div className="contact-detail-one">
+                <a className="contact-link" onClick={() => packUpAndLeave("")}>
+                  Blog
+                </a>
+              </div>
+            </div>
+          )}
         </div>
       </div>
     </div>