From 33b6cd381f2c60b5a6de1ebaf3d35c06ad0af798 Mon Sep 17 00:00:00 2001
From: Neeraj-Kondaveeti <neerajkondaveeti1901@gmail.com>
Date: Thu, 25 Dec 2025 16:54:46 -0500
Subject: [PATCH 1/2] Add info tooltips for no-show, drop-off, and get list
 columns

---
 .../Reports/Participation/DropOffTracking.jsx | 36 ++++++++++++++++---
 .../Participation/Participation.module.css    | 21 +++++++++++
 2 files changed, 53 insertions(+), 4 deletions(-)

diff --git a/src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx b/src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx
index 60a0e84ec9..02ccdab9e1 100644
--- a/src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx
+++ b/src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx
@@ -119,11 +119,39 @@ function DropOffTracking() {
           <thead>
             <tr>
               <th>Event name</th>
-              <th>No-show rate</th>
-              <th>Drop-off rate</th>
-              <th>Get list</th>
+
+              <th>
+                No-show rate
+                <span
+                  className={styles.infoIcon}
+                  title="Percentage of registered participants who did not attend the event. Calculated per event based on total registrations."
+                >
+                  ℹ️
+                </span>
+              </th>
+
+              <th>
+                Drop-off rate
+                <span
+                  className={styles.infoIcon}
+                  title="Percentage of participants who joined the event but left before it was completed. Calculated per event based on total registrations."
+                >
+                  ℹ️
+                </span>
+              </th>
+
+              <th>
+                Get list
+                <span
+                  className={styles.infoIcon}
+                  title="View the list of no-show participants for this event and send follow-up emails."
+                >
+                  ℹ️
+                </span>
+              </th>
             </tr>
           </thead>
+
           <tbody>
             {filteredEvents.map(event => (
               <tr key={event.id}>
@@ -215,4 +243,4 @@ function DropOffTracking() {
   );
 }
 
-export default DropOffTracking;
+export default DropOffTracking;
\ No newline at end of file
diff --git a/src/components/CommunityPortal/Reports/Participation/Participation.module.css b/src/components/CommunityPortal/Reports/Participation/Participation.module.css
index 77f6c0857d..ee61994d8d 100644
--- a/src/components/CommunityPortal/Reports/Participation/Participation.module.css
+++ b/src/components/CommunityPortal/Reports/Participation/Participation.module.css
@@ -1060,4 +1060,25 @@
 .insightsDark .insightsTab.activeTab {
   background-color: #007bff;
   color: #ffffff;
+}
+
+/* ---------- Info Tooltip Icons ---------- */
+.infoIcon {
+  margin-left: 6px;
+  font-size: 0.85rem;
+  cursor: pointer;
+  color: #666;
+  vertical-align: middle;
+}
+
+.infoIcon:hover {
+  color: #000;
+}
+
+.trackingTableDark .infoIcon {
+  color: #cccccc;
+}
+
+.trackingTableDark .infoIcon:hover {
+  color: #ffffff;
 }
\ No newline at end of file

From 4275c25d1ad143fbc717d8de97d3299dea5b3c04 Mon Sep 17 00:00:00 2001
From: Neeraj-Kondaveeti <neerajkondaveeti1901@gmail.com>
Date: Tue, 17 Mar 2026 18:35:56 -0400
Subject: [PATCH 2/2] Fix:prettier formatting issue

---
 .../CommunityPortal/Reports/Participation/DropOffTracking.jsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx b/src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx
index 02ccdab9e1..06ba888d99 100644
--- a/src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx
+++ b/src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx
@@ -243,4 +243,4 @@ function DropOffTracking() {
   );
 }
 
-export default DropOffTracking;
\ No newline at end of file
+export default DropOffTracking;