diff options
| author | MohamedBassem <me@mbassem.com> | 2024-09-01 17:52:39 +0000 |
|---|---|---|
| committer | MohamedBassem <me@mbassem.com> | 2024-09-01 17:52:39 +0000 |
| commit | 77adb84cd82d6566a90425f34ff417afe4afca0c (patch) | |
| tree | 0dc3506a2124b9a465ed2f83cfbcdb6f9cb12712 /apps | |
| parent | ddc7e5dbfc31b3e5b189c61883e1cc737fefd2ee (diff) | |
| download | karakeep-77adb84cd82d6566a90425f34ff417afe4afca0c.tar.zst | |
feature(web): Show the number of bulk selected bookmarks
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/web/components/dashboard/BulkBookmarksAction.tsx | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/apps/web/components/dashboard/BulkBookmarksAction.tsx b/apps/web/components/dashboard/BulkBookmarksAction.tsx index 5dd31fa5..383b9a4e 100644 --- a/apps/web/components/dashboard/BulkBookmarksAction.tsx +++ b/apps/web/components/dashboard/BulkBookmarksAction.tsx @@ -8,7 +8,7 @@ import { import ActionConfirmingDialog from "@/components/ui/action-confirming-dialog"; import { useToast } from "@/components/ui/use-toast"; import useBulkActionsStore from "@/lib/bulkActions"; -import { List, Pencil, Trash2, X } from "lucide-react"; +import { CheckCheck, List, Pencil, Trash2, X } from "lucide-react"; import { useDeleteBookmark, @@ -163,7 +163,12 @@ export default function BulkBookmarksAction() { open={manageListsModal} setOpen={setManageListsModalOpen} /> - <div className="flex"> + <div className="flex items-center"> + {isBulkEditEnabled && ( + <p className="flex items-center gap-2"> + ( <CheckCheck size={18} /> {selectedBookmarks.length} ) + </p> + )} {actionList.map( ({ name, icon: Icon, action, isPending, hidden, alwaysEnable }) => ( <ActionButtonWithTooltip |