hide project slection when path have = project/projectId
This commit is contained in:
parent
38960e9132
commit
e404b5bc50
@ -5,7 +5,7 @@ import { useDispatch, useSelector } from "react-redux";
|
|||||||
import { changeMaster, setProjectId } from "../../slices/localVariablesSlice";
|
import { changeMaster, setProjectId } from "../../slices/localVariablesSlice";
|
||||||
import useMaster from "../../hooks/masterHook/useMaster";
|
import useMaster from "../../hooks/masterHook/useMaster";
|
||||||
import { useProfile } from "../../hooks/useProfile";
|
import { useProfile } from "../../hooks/useProfile";
|
||||||
import { useLocation, useNavigate } from "react-router-dom";
|
import { useLocation, useNavigate, useParams } from "react-router-dom";
|
||||||
import Avatar from "../../components/common/Avatar";
|
import Avatar from "../../components/common/Avatar";
|
||||||
import { useChangePassword } from "../Context/ChangePasswordContext";
|
import { useChangePassword } from "../Context/ChangePasswordContext";
|
||||||
import { useProjects } from "../../hooks/useProjects";
|
import { useProjects } from "../../hooks/useProjects";
|
||||||
@ -14,8 +14,7 @@ import { useEffect, useState } from "react";
|
|||||||
const Header = () => {
|
const Header = () => {
|
||||||
const { profile } = useProfile();
|
const { profile } = useProfile();
|
||||||
const location = useLocation();
|
const location = useLocation();
|
||||||
const [isGlobalSelectVisible, setIsGlobalSelectVisible] = useState(true);
|
const dispatch = useDispatch( changeMaster( "Job Role" ) );
|
||||||
const dispatch = useDispatch(changeMaster("Job Role"));
|
|
||||||
const { data, loading } = useMaster();
|
const { data, loading } = useMaster();
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
|
|
||||||
@ -87,12 +86,8 @@ const Header = () => {
|
|||||||
if (projects && selectedProject !== " ") {
|
if (projects && selectedProject !== " ") {
|
||||||
dispatch(setProjectId(projects[0]?.id));
|
dispatch(setProjectId(projects[0]?.id));
|
||||||
}
|
}
|
||||||
setIsGlobalSelectVisible(
|
|
||||||
location.pathname !== `/projects/${selectedProject}`
|
|
||||||
);
|
|
||||||
}, [projects, selectedProject]);
|
}, [projects, selectedProject]);
|
||||||
|
const isProjectPath = /^\/projects\/[a-f0-9-]{36}$/.test(location.pathname);
|
||||||
console.log(isGlobalSelectVisible);
|
|
||||||
return (
|
return (
|
||||||
<nav
|
<nav
|
||||||
className="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
|
className="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
|
||||||
@ -111,7 +106,10 @@ const Header = () => {
|
|||||||
id="navbar-collapse"
|
id="navbar-collapse"
|
||||||
>
|
>
|
||||||
<div className=" align-items-center">
|
<div className=" align-items-center">
|
||||||
<i
|
{!isProjectPath && (
|
||||||
|
<>
|
||||||
|
|
||||||
|
<i
|
||||||
className="rounded-circle bx bx-building-house"
|
className="rounded-circle bx bx-building-house"
|
||||||
style={{ fontSize: "xx-large" }}
|
style={{ fontSize: "xx-large" }}
|
||||||
></i>
|
></i>
|
||||||
@ -138,6 +136,9 @@ const Header = () => {
|
|||||||
))}
|
))}
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
|
||||||
|
|
||||||
{/* <div className="nav-item navbar-search-wrapper mb-0">
|
{/* <div className="nav-item navbar-search-wrapper mb-0">
|
||||||
<a className="nav-item nav-link search-toggler px-0" href="#">
|
<a className="nav-item nav-link search-toggler px-0" href="#">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user