fix: Hide bookmark global actions when there's no bookmark grid shown

1 files changed, 9 insertions, 0 deletions

diff --git a/apps/web/components/dashboard/bookmarks/BookmarksGrid.tsx b/apps/web/components/dashboard/bookmarks/BookmarksGrid.tsx
index 954a7751..f726c703 100644
--- a/apps/web/components/dashboard/bookmarks/BookmarksGrid.tsx
+++ b/apps/web/components/dashboard/bookmarks/BookmarksGrid.tsx
@@ -2,6 +2,7 @@ import { useEffect, useMemo } from "react";
 import NoBookmarksBanner from "@/components/dashboard/bookmarks/NoBookmarksBanner";
 import { ActionButton } from "@/components/ui/action-button";
 import useBulkActionsStore from "@/lib/bulkActions";
+import { useInBookmarkGridStore } from "@/lib/store/useInBookmarkGridStore";
 import {
   bookmarkLayoutSwitch,
   useBookmarkLayout,
@@ -62,6 +63,7 @@ export default function BookmarksGrid({
   const layout = useBookmarkLayout();
   const gridColumns = useGridColumns();
   const bulkActionsStore = useBulkActionsStore();
+  const inBookmarkGrid = useInBookmarkGridStore();
   const breakpointConfig = useMemo(
     () => getBreakpointConfig(gridColumns),
     [gridColumns],
@@ -76,6 +78,13 @@ export default function BookmarksGrid({
   }, [bookmarks]);
 
   useEffect(() => {
+    inBookmarkGrid.setInBookmarkGrid(true);
+    return () => {
+      inBookmarkGrid.setInBookmarkGrid(false);
+    };
+  }, []);
+
+  useEffect(() => {
     if (loadMoreButtonInView && hasNextPage && !isFetchingNextPage) {
       fetchNextPage();
     }