Added tooltip

This commit is contained in:
Pramod Mahajan 2025-04-20 15:50:19 +05:30
parent 83e835056b
commit 9170d35652

View File

@ -111,6 +111,14 @@ const CreateActivity = ({ onClose }) => {
reset();
onClose();
};
// for tooltip
useEffect(() => {
const tooltipTriggerList = Array.from(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
tooltipTriggerList.forEach((el) => new bootstrap.Tooltip(el));
}, [checklistItems]);
return (
<form onSubmit={handleSubmit(onSubmit)}>
<h6>Create Activity</h6>
@ -197,7 +205,9 @@ const CreateActivity = ({ onClose }) => {
onClick={() => removeChecklistItem(index)}
className="btn btn-xs btn-icon btn-text-secondary"
>
<i class="bx bxs-minus-circle text-danger"></i>
<i class="bx bxs-minus-circle text-danger" data-bs-toggle="tooltip"
title="Remove Check"
data-bs-original-title="Remove check"></i>
</button>
</td>
</tr>
@ -210,7 +220,9 @@ const CreateActivity = ({ onClose }) => {
className="btn btn-xs btn-primary mt-2"
onClick={addChecklistItem}
>
<i class="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>