refactor: improve toggle UI logic in Header and Tools components for better state management
This commit is contained in:
parent
c2dc898d53
commit
d4d4b145c7
app/src/components
|
@ -22,8 +22,10 @@ const Header: React.FC = () => {
|
||||||
<div
|
<div
|
||||||
className={`toggle-sidebar-ui-button ${!toggleUI ? "active" : ""}`}
|
className={`toggle-sidebar-ui-button ${!toggleUI ? "active" : ""}`}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
if (activeModule !== "market") setToggleUI(!toggleUI);
|
if (activeModule !== "market") {
|
||||||
|
setToggleUI(!toggleUI);
|
||||||
localStorage.setItem("navBarUi", JSON.stringify(!toggleUI));
|
localStorage.setItem("navBarUi", JSON.stringify(!toggleUI));
|
||||||
|
}
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<ToggleSidebarIcon />
|
<ToggleSidebarIcon />
|
||||||
|
|
|
@ -76,13 +76,13 @@ const Tools: React.FC = () => {
|
||||||
setDeleteModels(false);
|
setDeleteModels(false);
|
||||||
setAddAction(null);
|
setAddAction(null);
|
||||||
setToggleView(true);
|
setToggleView(true);
|
||||||
localStorage.setItem("navBarUi", JSON.stringify(!toggleThreeD));
|
// localStorage.setItem("navBarUi", JSON.stringify(!toggleThreeD));
|
||||||
} else {
|
} else {
|
||||||
setToggleView(false);
|
setToggleView(false);
|
||||||
}
|
}
|
||||||
setActiveSubTool("cursor");
|
setToggleUI(localStorage.getItem('navBarUi') ? localStorage.getItem('navBarUi') === 'true' : true)
|
||||||
setActiveTool("cursor");
|
|
||||||
setToggleThreeD(!toggleThreeD);
|
setToggleThreeD(!toggleThreeD);
|
||||||
|
setActiveSubTool("cursor");
|
||||||
setActiveTool("cursor");
|
setActiveTool("cursor");
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue