Skip to content

2
2022-196
Commit 66db8c57 authored by Dilip Wijethunga's avatar Dilip Wijethunga
Browse files
Options

Navigation Udapte

parent 80282abb
Hide whitespace changes
Inline Side-by-side
Showing with 80 additions and 108 deletions
frontend/src/components/dashboard/sidebar/Navbar.js
View file @ 66db8c57
......@@ -4,6 +4,8 @@ import {Link} from 'react-router-dom';
import './Navbar.css';
import {IconContext} from 'react-icons';
import {Nav} from "react-bootstrap";
import UserService from "../../../services/UserService";
import Logo from "../../header/Logo";
function Navbar() {
const [sidebar, setSidebar] = useState(false);
......@@ -15,7 +17,9 @@ function Navbar() {
<IconContext.Provider value={{color: '#fff'}}>
<div className='navbar'>
<Link to='#' className='menu-bars'>
<FaIcons.FaBars onClick={showSidebar}/>
<Logo
image={"/images/logo/1.png"}
/>
</Link>
<Nav>
<li className="nav-item">
......@@ -28,7 +32,10 @@ function Navbar() {
<Link to={'/coins-list'} className={'nav-link text-white'}> Coins </Link>
</li>
<li className="nav-item">
<Link to={'/'} className={'nav-link text-white'}> Logout </Link>
<Link to={'/users-list'} className={'nav-link text-white'}> Users </Link>
</li>
<li className="nav-item">
<Link className={'nav-link text-white'} onClick={UserService.logout}> Logout </Link>
</li>
</Nav>
......
frontend/src/components/header/HeaderBtn.js
View file @ 66db8c57
import React from "react";
import { Link } from "react-router-dom";
import { IoIosMenu } from "react-icons/io";
import React, {useEffect, useState} from "react";
import {Link} from "react-router-dom";
import {IoIosMenu} from "react-icons/io";
import UserService from "../../services/UserService";
const HeaderBtn = () => {
const triggerMobileMenu = () => {
const offcanvasMobileMenu = document.querySelector(
"#offcanvas-mobile-menu"
const [user, setUser] = useState(null);
const [showUserBoard, setShowUserBoard] = useState(false);
const [showAdminBoard, setShowAdminBoard] = useState(false);
const triggerMobileMenu = () => {
const offcanvasMobileMenu = document.querySelector(
"#offcanvas-mobile-menu"
);
offcanvasMobileMenu.classList.add("active");
};
useEffect(() => {
const user = UserService.getCurrentUser();
if (user) {
setUser(user.data.username);
if (user.data.role === "Admin") {
setShowAdminBoard(user.data.role);
} else if (user.data.role === "Customer") {
setShowUserBoard(user.data.role);
}
}
}, []);
return (
<div className="header-btn-wrapper ">
<ul className="accounts d-none d-lg-flex">
{/*<li>*/}
{/* <Link to={process.env.PUBLIC_URL + "/login-register"}>Log in</Link>*/}
{/*</li>*/}
{user ? (
<li className="active">
{/*<Link to={process.env.PUBLIC_URL + "/login-register"}>Sign up</Link>*/}
{showUserBoard && (
<Link to={process.env.PUBLIC_URL + "/customer-dashboard"}>Dashboard</Link>
)}
{showAdminBoard && (
<Link to={process.env.PUBLIC_URL + "/admin-dashboard"}>Dashboard</Link>
)}
<Link to={process.env.PUBLIC_URL + "/login"} onClick={UserService.logout}>Logout</Link>
</li>
) : (
<li className="active">
<Link to={process.env.PUBLIC_URL + "/login"}>Login</Link>
</li>
)}
</ul>
<div className="mobile-button-wrapper d-block d-lg-none text-right">
<button
className="mobile-aside-button"
onClick={() => triggerMobileMenu()}
>
<IoIosMenu/>
</button>
</div>
</div>
);
offcanvasMobileMenu.classList.add("active");
};
return (
<div className="header-btn-wrapper">
<ul className="accounts d-none d-lg-flex">
{/*<li>*/}
{/* <Link to={process.env.PUBLIC_URL + "/login-register"}>Log in</Link>*/}
{/*</li>*/}
<li className="active">
{/*<Link to={process.env.PUBLIC_URL + "/login-register"}>Sign up</Link>*/}
<Link to={process.env.PUBLIC_URL + "/login"}>Log in</Link>
</li>
</ul>
<div className="mobile-button-wrapper d-block d-lg-none text-right">
<button
className="mobile-aside-button"
onClick={() => triggerMobileMenu()}
>
<IoIosMenu />
</button>
</div>
</div>
);
};
export default HeaderBtn;
frontend/src/components/header/sub-components/MobileNavMenu.js
View file @ 66db8c57
......@@ -7,89 +7,21 @@ const MobileNavMenu = () => {
<ul>
<li className="menuItemHasChildren">
<Link to={process.env.PUBLIC_URL + "/"}>Home</Link>
<ul className="subMenu">
<li>
<Link to={process.env.PUBLIC_URL + "/home-one"}>Home One</Link>
</li>
<li>
<Link to={process.env.PUBLIC_URL + "/home-two"}>Home Two</Link>
</li>
<li>
<Link to={process.env.PUBLIC_URL + "/home-three"}>
Home Three
</Link>
</li>
<li>
<Link to={process.env.PUBLIC_URL + "/home-four"}>Home Four</Link>
</li>
</ul>
</li>
<li className="menuItemHasChildren">
<Link to={process.env.PUBLIC_URL + "/service"}>Service</Link>
<ul className="subMenu">
<li>
<Link to={process.env.PUBLIC_URL + "/service"}>Service Page</Link>
</li>
<li>
<Link to={process.env.PUBLIC_URL + "/service-details"}>
Service Details
</Link>
</li>
</ul>
<Link to={process.env.PUBLIC_URL + "/coins"}>Coins</Link>
</li>
<li className="menuItemHasChildren">
<Link to={process.env.PUBLIC_URL + "/blog"}>News</Link>
<ul className="subMenu">
<li>
<Link to={process.env.PUBLIC_URL + "/blog"}>Blog Page</Link>
</li>
<li>
<Link to={process.env.PUBLIC_URL + "/blog-right-sidebar"}>
Blog Right Sidebar
</Link>
</li>
<li>
<Link to={process.env.PUBLIC_URL + "/blog-post"}>
Blog Details
</Link>
</li>
</ul>
</li>
<li className="menuItemHasChildren">
<Link to={process.env.PUBLIC_URL + "#/"}>Pages</Link>
<ul className="subMenu">
<li>
<Link to={process.env.PUBLIC_URL + "/about"}>About Us</Link>
</li>
<li>
<Link to={process.env.PUBLIC_URL + "/about-bitcoin"}>
About Bitcoin
</Link>
</li>
<li>
<Link to={process.env.PUBLIC_URL + "/merchants"}>Merchants</Link>
</li>
<li>
<Link to={process.env.PUBLIC_URL + "/team"}>Team Page</Link>
</li>
<li>
<Link to={process.env.PUBLIC_URL + "/wallet"}>Wallet Page</Link>
</li>
<li>
<Link to={process.env.PUBLIC_URL + "/login-register"}>
Login / Register
</Link>
</li>
<li>
<Link to={process.env.PUBLIC_URL + "/contact"}>Contact</Link>
</li>
</ul>
<Link to={process.env.PUBLIC_URL + "/news"}>News</Link>
</li>
<li>
<Link to={process.env.PUBLIC_URL + "/contact"}>Contact</Link>
</li>
<li className="menuItemHasChildren">
<Link to={process.env.PUBLIC_URL + "/login"}>Login / Register</Link>
</li>
</ul>
</nav>
);
......
frontend/src/components/header/sub-components/MobileWidgets.js
View file @ 66db8c57
......@@ -18,16 +18,16 @@ const MobileWidgets = () => {
<ul className="headerContactInfoList">
<li>
<FaUserAlt />{" "}
<Link to={process.env.PUBLIC_URL + "/login-register"}>
<Link to={process.env.PUBLIC_URL + "/login"}>
Login / Register{" "}
</Link>
</li>
<li>
<FaPhone /> <a href="tel://12452456012">(1245) 2456 012 </a>
<FaPhone /> <a href="tel://12452456012">+94 7777 777 77</a>
</li>
<li>
<FaRegEnvelope />{" "}
<a href="mailto:info@yourdomain.com">info@yourdomain.com</a>
<a href="mailto:info@yourdomain.com">crypotforeteller@gmail.com</a>
</li>
</ul>
</div>
......
frontend/src/components/hero-sliders/HeroSliderTwoSingle.js
View file @ 66db8c57
......@@ -20,7 +20,6 @@ const HeroSliderTwoSingle = ({ data }) => {
<div className="slide__inner">
<h1>{data.title}</h1>
<p>{data.text}</p>
<br></br>
<Link
className="slider--one dg__btn btn--white btn--theme"
to={process.env.PUBLIC_URL + data.url}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment