Merge pull request #5023 from OneCommunityGlobal/fix/no-show-insights-ui-styling

Mani shashank fix: match no-show insights tab and percentage styling to Figma

Author: one-community

src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx

@@ -136,8 +136,12 @@ function DropOffTracking() {
             {filteredEvents.map(event => (
               <tr key={event.id}>
                 <td>{event.eventName}</td>
-                <td className={styles.trackingRateGreen}>{event.noShowRate}</td>
-                <td className={styles.trackingRateRed}>{event.dropOffRate}</td>
+                <td className={styles.trackingRateGreen} style={{ color: 'green' }}>
+                  {event.noShowRate}
+                </td>
+                <td className={styles.trackingRateRed} style={{ color: 'red' }}>
+                  {event.dropOffRate}
+                </td>
                 <td>
                   <button
                     type="button"
@@ -209,7 +213,6 @@ function DropOffTracking() {
                 className={styles.sendEmailBtn}
                 disabled={selectedUsers.length === 0}
                 onClick={() => {
-                  console.log('Send email to:', selectedUsers);
                   handleCloseModal();
                 }}
               >

src/components/CommunityPortal/Reports/Participation/NoShowInsights.jsx

@@ -100,6 +100,7 @@ function NoShowInsights() {
           className={`${styles.insightsPercentage} ${
             darkMode ? styles.insightsPercentageDark : ''
           }`}
+          style={{ color: 'red' }}
         >
           {item.percentage}%
         </div>