kjannette/ax3Client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

More

Browse Source
This commit is contained in:
Kenneth Jannette
2024-01-11 23:37:31 -06:00
parent d70d041b2b
commit 36e0049e46
2 changed files with 67 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/Components/Navigation/Navbar.js
View File

@@ -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>

98
src/Components/Navigation/Navpanel.js
View File

@@ -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,37 +23,71 @@ export default function Navpanel(props) {
</div>
</div>
<div className="mobileHeadingLinkWrap">
<div className="mobile-info-box">
<div className="contact-detail-one">
<a
className="contact-link"
onClick={() => packUpAndLeave("login")}
>
Login
</a>
{!token ? (
<div className="mobile-info-box">
<div className="contact-detail-one">
<a
className="contact-link"
onClick={() => packUpAndLeave("login")}
>
Login
</a>
</div>
<div className="contact-detail-two">
<a
className="contact-link-two"
onClick={() => packUpAndLeave("features")}
>
Features
</a>
</div>
<div className="contact-detail-three">
<a
className="nav-link-three"
onClick={() => packUpAndLeave("signup")}
>
Signup
</a>
</div>
<div className="contact-detail-one">
<a className="contact-link" onClick={() => packUpAndLeave("")}>
Blog
</a>
</div>
</div>
<div className="contact-detail-two">
<a
className="contact-link-two"
onClick={() => packUpAndLeave("features")}
>
Features
</a>
) : (
<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 className="contact-detail-three">
<a
className="nav-link-three"
onClick={() => packUpAndLeave("signup")}
>
Signup
</a>
</div>
<div className="contact-detail-one">
<a className="contact-link" onClick={() => packUpAndLeave("")}>
Blog
</a>
</div>
</div>
)}
</div>
</div>
</div>