Skip to content

Sphurthy - fix:added info tooltip in the participations page#4677

Merged
one-community merged 2 commits into
developmentfrom
sphurthy-info-tooltip-in-participation-page
Jun 22, 2026
Merged

Sphurthy - fix:added info tooltip in the participations page#4677
one-community merged 2 commits into
developmentfrom
sphurthy-info-tooltip-in-participation-page

Conversation

@sphurthy

@sphurthy sphurthy commented Jan 6, 2026

Copy link
Copy Markdown
Contributor

Description

image

Related PRS (if any):

None

Main changes explained:

  • Added an information (ⓘ) icon next to the “No-show rate insights” title to provide contextual help.
  • Implemented a hover-based tooltip that explains how insight bars and percentages are calculated.
  • Tooltip clarifies that:
  • Percentages represent the average no-show rate for the selected category (Event Type, Time, or Location).
  • Data is aggregated across all matching events within the selected time range.
  • Higher percentages indicate a greater likelihood of participants not attending.
  • Made the tooltip content dynamic, updating automatically when users switch between insight tabs.
  • Improved overall user confidence and interpretability of participation metrics without altering existing calculations or data logic.

How to test:

  1. check into current branch
  2. do npm install and ... to run this PR locally
  3. Clear site data/cache
  4. Navigate to Community Portal → Reports → Participation → No-show rate insights.
  5. Verify that the ⓘ icon appears next to the section title.
  6. Hover over the ⓘ icon and confirm that a tooltip is displayed.
  7. Check that the tooltip text:
    a. Clearly explains how percentages are calculated.
    b. Mentions aggregation across events within the selected time range.
  8. Switch between Event Type, Time, and Location insight tabs.

Screenshots or videos of changes:

image

@netlify

netlify Bot commented Jan 6, 2026

Copy link
Copy Markdown

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit fe4e48f
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a38008fd8b7c300081049ba
😎 Deploy Preview https://deploy-preview-4677--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@sonarqubecloud

sonarqubecloud Bot commented Jan 6, 2026

Copy link
Copy Markdown

@beblicarl beblicarl self-requested a review March 26, 2026 12:06
beblicarl
beblicarl previously approved these changes Mar 26, 2026
@beblicarl

Copy link
Copy Markdown
Contributor

this functionality works as intended and the code is great

image

@sphurthy sphurthy changed the title fix:added info tooltip in the participations page Sphurthy - fix:added info tooltip in the participations page Apr 23, 2026
@one-community one-community added the High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible label Jun 18, 2026
@one-community

Copy link
Copy Markdown
Member

Thank you all, merging!

@one-community one-community merged commit d3de857 into development Jun 22, 2026
10 checks passed
@sonarqubecloud

Copy link
Copy Markdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants