From f9ad47ef540ef4d14d4213ba2c04944c71939921 Mon Sep 17 00:00:00 2001
From: Pramod Mahajan <pramodmahajan1411200@gmail.com>
Date: Wed, 28 May 2025 18:51:48 +0530
Subject: [PATCH] user can update and assign bucket to emp

---
 src/components/Directory/ManageBucket.jsx | 24 ++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/components/Directory/ManageBucket.jsx b/src/components/Directory/ManageBucket.jsx
index f33f467b..991d0340 100644
--- a/src/components/Directory/ManageBucket.jsx
+++ b/src/components/Directory/ManageBucket.jsx
@@ -123,9 +123,9 @@ const ManageBucket = () => {
           bucket.id === response?.data?.id ? response.data : bucket
         );
 
-        cacheData( "buckets", updatedData );
+        cacheData("buckets", updatedData);
 
-        setBucketList(updatedData)
+        setBucketList(updatedData);
         showToast("Bucket Updated Successfully", "success");
       }
 
@@ -135,8 +135,7 @@ const ManageBucket = () => {
 
         const updatedBuckets = [...cache_buckets, response?.data];
         cacheData("buckets", updatedBuckets);
-        setBucketList( updatedBuckets );
-        
+        setBucketList(updatedBuckets);
 
         showToast("Bucket Created Successfully", "success");
       }
@@ -249,7 +248,7 @@ const ManageBucket = () => {
 
           <button
             type="button"
-            className={`btn btn-sm btn-primary ms-auto ${
+            className={`btn btn-xs btn-primary ms-auto ${
               action_bucket ? "d-none" : ""
             }`}
             onClick={() => setAction_bucket(true)}
@@ -278,6 +277,7 @@ const ManageBucket = () => {
                         <span>Description</span>
                       </div>
                     </th>
+                    <th>Contacts</th>
                     <th>
                       <div className="d-flex align-items-center justify-content-center gap-1">
                         <span>Action</span>
@@ -323,11 +323,18 @@ const ManageBucket = () => {
                           {bucket.name}
                         </td>
                         <td
-                          className="text-start d-none d-sm-table-cell text-wrap"
-                          style={{ width: "60%" }}
+                          className="text-start d-none d-sm-table-cell text-truncate"
+                          style={{
+                            maxWidth: "300px", 
+                            whiteSpace: "wrap",
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                          }}
+                          title={bucket.description} 
                         >
                           {bucket.description}
                         </td>
+                        <td>{bucket.numberOfContacts}</td>
                         <td className="justify-content-center">
                           <div className="d-flex justify-content-center align-items-center gap-2">
                             <i
@@ -341,7 +348,6 @@ const ManageBucket = () => {
                               className="bx bx-trash bx-sm text-danger cursor-pointer"
                               onClick={() => setDeleteBucket(bucket?.id)}
                             ></i>
-                            <i className="bx bx-user-plus  cursor-pointer"></i>
                           </div>
                         </td>
                       </tr>
@@ -386,7 +392,7 @@ const ManageBucket = () => {
 
                 <div className="mt-2 d-flex justify-content-center gap-3">
                   <button
-                   onClick={()=>handleBack()}
+                    onClick={() => handleBack()}
                     className="btn btn-sm btn-secondary"
                     disabled={isSubmitting}
                   >