refactor: improve toggle UI logic in Header and Tools components for better state management

This commit is contained in:
Jerald-Golden-B 2025-03-29 14:31:02 +05:30
parent c2dc898d53
commit d4d4b145c7
2 changed files with 7 additions and 5 deletions
app/src/components
layout/sidebarLeft
ui

View File

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

View File

@ -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");
}; };