web: collapse hovered navbar when item is clicked (#7771)

Signed-off-by: 01zulfi <85733202+01zulfi@users.noreply.github.com>
This commit is contained in:
01zulfi
2025-03-14 12:44:32 +05:00
committed by Abdullah Atta
parent 43d7d52fa6
commit 800a875a8f

View File

@@ -467,7 +467,8 @@ function RouteItem({
: location.startsWith(item.path)
}
onClick={() => {
if (navigateToRoute(item.path)) context?.collapse();
navigateToRoute(item.path);
context?.collapse();
}}
menuItems={[
{
@@ -512,7 +513,8 @@ function Colors({
selected={context?.id === color.id}
color={color.colorCode}
onClick={() => {
if (navigateToRoute(`/colors/${color.id}`)) collapse();
navigateToRoute(`/colors/${color.id}`);
collapse();
}}
onDrop={(e) => handleDrop(e.dataTransfer, color)}
menuItems={[
@@ -601,14 +603,12 @@ function Shortcuts({
selected={context?.id === item.id}
onDrop={(e) => handleDrop(e.dataTransfer, item)}
onClick={async () => {
if (
navigateToRoute(
item.type === "notebook"
? `/notebooks/${item.id}`
: `/tags/${item.id}`
)
)
collapse();
navigateToRoute(
item.type === "notebook"
? `/notebooks/${item.id}`
: `/tags/${item.id}`
);
collapse();
}}
>
<ItemCount item={item} />
@@ -969,7 +969,6 @@ function navigateToRoute(path: string) {
}
useAppStore.getState().toggleListPane();
navigate(path);
return true;
}
export function collapseNavPaneHoveredIfNavPaneCollapsed() {