Skip to content

Veda Review Volume Over Time chart#5012

Merged
one-community merged 10 commits intodevelopmentfrom
veda-review-volume-chart-edited
Apr 4, 2026
Merged

Veda Review Volume Over Time chart#5012
one-community merged 10 commits intodevelopmentfrom
veda-review-volume-chart-edited

Conversation

@Charitha2009
Copy link
Copy Markdown
Contributor

@Charitha2009 Charitha2009 commented Mar 18, 2026

Made-with: Cursor

Description

Screenshot 2026-03-18 at 1 01 30 AM Screenshot 2026-03-18 at 1 01 50 AM

Related PRS (if any):

This frontend PR is related to the development backend PR.
This PR reflects the changes for existing PR - 4693

Main changes explained:

  • Added a new stacked column chart titled Review Volume Over Time in the Reviews section with sentiment based coloring red for negative, green for positive, and gray for neutral
  • Implemented date range filtering with manual from and to date selection
  • Added Category filtering with By Village and By Property options and context aware multi select dropdowns where only the relevant filter is enabled
  • Ensured consistent dashboard sizing and clear axis labeling with Review Volume on the Y axis and Time on the X axis

How to test:

  1. check into current branch
  2. do npm install and ... to run this PR locally
  3. Clear site data/cache
  4. log as admin user
  5. go to http://localhost:5173/lbdashboard → Insights from Reviews
  6. Verify the Review Volume Over Time chart is visible and matches the dashboard layout
  7. Test the Category filter
    • Select By Village and confirm village multi select is enabled and property multi select is disabled
    • Select By Property and confirm property multi select is enabled and village multi select is disabled
  8. Verify stacked bars display correct colors for positive, negative, and neutral reviews

Screenshots or videos of changes:

Screenshot 2026-03-18 at 1 03 53 AM Screenshot 2026-03-18 at 1 04 26 AM

Note:

Include the information the reviewers need to know.

@netlify
Copy link
Copy Markdown

netlify Bot commented Mar 18, 2026

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit 3bc539e
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69c5ee6eb2ef2000086dd9fc
😎 Deploy Preview https://deploy-preview-5012--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.

Copy link
Copy Markdown
Contributor

@saisandeepkoritala saisandeepkoritala left a comment

Choose a reason for hiding this comment

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

Hi Charitha,

I reviewed your PR locally and noticed that the date range filtering, particularly when manually selecting the “from” and “to” dates, appears to be inconsistent. And the selected month is not visible properly.Please refer to the images below for better visualization.

Image Image

Test added 2 commits March 20, 2026 14:18
Normalize date filtering to month keys to prevent inconsistent from/to results, and improve month picker dark-mode/selection visibility and field alignment.

Made-with: Cursor
Test added 2 commits March 20, 2026 14:35
Extract select style creation and custom date filter UI into focused helpers to keep logic equivalent while satisfying Sonar complexity limits.

Made-with: Cursor
Simplify conditional rendering and option styling logic to reduce component complexity, and adjust dark-mode month selection color for sufficient contrast.

Made-with: Cursor
Copy link
Copy Markdown
Contributor

@saisandeepkoritala saisandeepkoritala left a comment

Choose a reason for hiding this comment

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

Hi Charitha,

I reviewed your PR locally and confirmed that the earlier issues with the date range filtering and manual “from” and “to” date selection have been fixed. However, I noticed that for screen sizes above 768px, the alignment appears slightly off. Please take a look at that area for better consistency.

Image Image

Copy link
Copy Markdown

@HemanthNidamanuru HemanthNidamanuru left a comment

Choose a reason for hiding this comment

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

Hi Charitha,

I reviewed your PR locally and the date range filtering and manual "from" and "to" date selection are working as expected. However, I noticed that the year is not clearly visible in the calendar.

Image Image Image Image Image Image

Stack title and sentiment legend below 900px and prevent legend items from overlapping at mid viewport widths.

Made-with: Cursor
Copy link
Copy Markdown

@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 Veda,

Well done with this implementation.

Image

Copy link
Copy Markdown

@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 Charitha,

I have reviewed your PR locally and though all functionalities work as per requirement. The year in the calendar is still not visible clearly in dark mode.

Issues
Image

Working screenshots
Image
Image
Image
Image
Image

@sonarqubecloud
Copy link
Copy Markdown

Copy link
Copy Markdown

@HemanthNidamanuru HemanthNidamanuru left a comment

Choose a reason for hiding this comment

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

Hi Charitha,

Thank you for working on the improvements. The year is now clearly visible in the calendar.

Image Image

@one-community
Copy link
Copy Markdown
Member

Thank you all, merging!

@one-community one-community merged commit 34df1c6 into development Apr 4, 2026
10 checks passed
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.

6 participants