From d193d9bf89e8a88bf70b673ea5e438d73cf40c0c Mon Sep 17 00:00:00 2001 From: Md Saban <45597394+mdsaban@users.noreply.github.com> Date: Tue, 2 Jul 2024 03:51:23 +0530 Subject: feat: Add bulk edit option for bookmarks. Fixes #84 (#259) * feat: add bulk edit option for bookmarks * fix: resolve comments * fix: resolve comments * fix: resolve comments * fix: resolve comments * rename bulk action store, simplify the bulk action toolbar --------- Co-authored-by: MohamedBassem --- apps/web/lib/bulkActions.ts | 39 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) create mode 100644 apps/web/lib/bulkActions.ts (limited to 'apps/web/lib/bulkActions.ts') diff --git a/apps/web/lib/bulkActions.ts b/apps/web/lib/bulkActions.ts new file mode 100644 index 00000000..1e9dbbd7 --- /dev/null +++ b/apps/web/lib/bulkActions.ts @@ -0,0 +1,39 @@ +// reference article https://refine.dev/blog/zustand-react-state/#build-a-to-do-app-using-zustand +import { create } from "zustand"; + +import type { ZBookmark } from "@hoarder/shared/types/bookmarks"; + +interface BookmarkState { + selectedBookmarks: ZBookmark[]; + isBulkEditEnabled: boolean; + setIsBulkEditEnabled: (isEnabled: boolean) => void; + toggleBookmark: (bookmark: ZBookmark) => void; +} + +const useBulkActionsStore = create((set, get) => ({ + selectedBookmarks: [], + isBulkEditEnabled: false, + + toggleBookmark: (bookmark: ZBookmark) => { + const selectedBookmarks = get().selectedBookmarks; + const isBookmarkAlreadySelected = selectedBookmarks.some( + (b) => b.id === bookmark.id, + ); + if (isBookmarkAlreadySelected) { + set({ + selectedBookmarks: selectedBookmarks.filter( + (b) => b.id !== bookmark.id, + ), + }); + } else { + set({ selectedBookmarks: [...selectedBookmarks, bookmark] }); + } + }, + + setIsBulkEditEnabled: (isEnabled) => { + set({ isBulkEditEnabled: isEnabled }); + set({ selectedBookmarks: [] }); + }, +})); + +export default useBulkActionsStore; -- cgit v1.2.3-70-g09d2