From 77adb84cd82d6566a90425f34ff417afe4afca0c Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Sun, 1 Sep 2024 17:52:39 +0000
Subject: [PATCH] feature(web): Show the number of bulk selected bookmarks

---
 apps/web/components/dashboard/BulkBookmarksAction.tsx | 9 +++++++--
 1 file 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