added tooltip

src/components/master/EditActivity.jsx

@@ -123,6 +123,13 @@ const UpdateActivity = ({ activityData, onClose }) => {
     remove(index);
   };
 
+
+    // for tooltip
+      useEffect(() => {
+        const tooltipTriggerList = Array.from(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
+        tooltipTriggerList.forEach((el) => new bootstrap.Tooltip(el));
+      }, []);
+
   return (
     <form onSubmit={handleSubmit(onSubmit)}>
       <h6>Update Activity</h6>
@@ -207,8 +214,11 @@ const UpdateActivity = ({ activityData, onClose }) => {
                          type="button"
                          onClick={() => removeChecklistItem(index)}
                        className="btn btn-xs btn-icon btn-text-secondary"
+                       
                        >
-                         <i className="bx bxs-minus-circle text-danger"></i>
+                         <i className="bx bxs-minus-circle text-danger"data-bs-toggle="tooltip"
+                title="Add Check"
+                data-bs-original-title="Add check"  ></i>
                        </button>
                      </td>
                    </tr>
@@ -223,7 +233,9 @@ const UpdateActivity = ({ activityData, onClose }) => {
             className="btn btn-xs btn-primary mt-2"
             onClick={addChecklistItem}
           >
-        <i className="bx bx-plus-circle"></i>
+         <i class="bx bx-plus-circle" data-bs-toggle="tooltip"
+                title="Add Check"
+                data-bs-original-title="Add check" ></i>
           </button>
         </div>