Skip to content

Conversation

@aryanrachala54
Copy link
Contributor

Description

Screenshot 2026-01-17 140906

Related PRS:

None


Main changes explained:

  • Created a single, rule-compliant source for all attendance metrics
  • Donut chart now shows attendance composition only (Attending Members vs Community Visitors), with the center label displaying participation rate.
  • Added key derived metrics, fixed definitions/tooltips, and eliminated misleading percentage interpretations.

How to Test

  1. Check out the current branch.

  2. Run the following commands:

    • npm install
    • npm run build
    • npm start
  3. Start the frontend to load the updated UI.

  4. Clear the browser’s site data and cache.

  5. Log in as an admin user.

  6. Navigate to:
    http://localhost:5173/communityportal/ActivityAttendance

  7. Verify that the page renders correctly in both light and dark modes.

  8. Confirm that six distinct categories are displayed, each with a corresponding number.

  9. Verify that the pie chart renders correctly, showing:

    • Attending Members
    • Community Visitors

    Only these two groups should contribute to the participation percentage.


Screenshots of changes:

Screenshot 2026-01-17 141738 Screenshot 2026-01-17 141747

@netlify
Copy link

netlify bot commented Jan 17, 2026

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit f1d435a
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6973fc01cf7f43000881c66d
😎 Deploy Preview https://deploy-preview-4728--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

@one-community one-community changed the title Change activity attendance percentages to the community portal Aryan - Change activity attendance percentages to the community portal Jan 22, 2026
Copy link

@Anusha-Gali Anusha-Gali left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi Aryan,

I have reviewed your PR locally and though the main changes reflect as required in both the modes. The text at the end of the hover tip however is being cut off. Also if it is allowed in this PR I do not see the colors in light modes being displayed in dark mode for the tiles.
Screenshot 2026-01-21 at 11 03 24 PM
Screenshot 2026-01-21 at 11 03 50 PM

Copy link

@rohanrastogi311 rohanrastogi311 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi Aryan,

Overall, good job with this implementation. Small detail: the colours for the numbers don't show in dark mode.

PR 4728 Screenshot PR 4728 Screenshot 2

@aryanrachala54 aryanrachala54 changed the title Aryan - Change activity attendance percentages to the community portal Aryan change activity attendance percentages to the community portal Jan 22, 2026
@aryanrachala54 aryanrachala54 changed the title Aryan change activity attendance percentages to the community portal Aryan Change Activity Attendance Percentages to the Community Portal Jan 22, 2026
@aryanrachala54 aryanrachala54 force-pushed the aryan_activity_attendance_percentages branch 2 times, most recently from a4cd9f2 to e016818 Compare January 23, 2026 20:21
@aryanrachala54 aryanrachala54 force-pushed the aryan_activity_attendance_percentages branch from e016818 to f1d435a Compare January 23, 2026 22:53
@sonarqubecloud
Copy link

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants