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

1 files changed, 7 insertions, 3 deletions

diff --git a/apps/web/components/dashboard/GlobalActions.tsx b/apps/web/components/dashboard/GlobalActions.tsx
index d36b93d9..d385111a 100644
--- a/apps/web/components/dashboard/GlobalActions.tsx
+++ b/apps/web/components/dashboard/GlobalActions.tsx
@@ -3,13 +3,17 @@
 import BulkBookmarksAction from "@/components/dashboard/BulkBookmarksAction";
 import SortOrderToggle from "@/components/dashboard/SortOrderToggle";
 import ViewOptions from "@/components/dashboard/ViewOptions";
+import { useInBookmarkGridStore } from "@/lib/store/useInBookmarkGridStore";
 
 export default function GlobalActions() {
+  const inBookmarkGrid = useInBookmarkGridStore(
+    (state) => state.inBookmarkGrid,
+  );
   return (
     <div className="flex min-w-max flex-wrap overflow-hidden">
-      <ViewOptions />
-      <SortOrderToggle />
-      <BulkBookmarksAction />
+      {inBookmarkGrid && <ViewOptions />}
+      {inBookmarkGrid && <BulkBookmarksAction />}
+      {inBookmarkGrid && <SortOrderToggle />}
     </div>
   );
 }