Skip to content

HANDIKA: Fix dark mode styling for applicant volunteer ratio chart - #5486

Open
handikaharianto wants to merge 10 commits into
developmentfrom
handika/fix-dark-mode-styling-for-ApplicantVolunteerRatio-chart
Open

handikaharianto wants to merge 10 commits into
developmentfrom
handika/fix-dark-mode-styling-for-ApplicantVolunteerRatio-chart

Conversation

@handikaharianto

@handikaharianto handikaharianto commented Aug 31, 2026

Copy link
Copy Markdown
Contributor

Description

Fix dark mode styling for ApplicationVolunteerRatio chart.
image

Related PRS (if any):

To test this frontend PR, use the PR 2330 on the backend side.

Main changes explained:

  • Update src/components/ApplicantVolunteerRatio/ApplicantVolunteerRatio.jsx for updating the date pickers, multi-select components, and tooltip.
  • Update src/components/ApplicantVolunteerRatio/ApplicantVolunteerRatio.module.css for updating the dark mode styles.

How to test:

  1. check into handika/fix-dark-mode-styling-for-ApplicantVolunteerRatio-chart branch
  2. do npm install and npm run start:local to run this PR locally
  3. Clear site data/cache
  4. log in as owner user
  5. go to /applicant-volunteer-ratio
  6. verify the dark mode styles for this /applicant-volunteer-ratio page.

Screenshots or videos of changes:

PR.5486.-.demo.mov

Note:

None

@handikaharianto handikaharianto added the do not review Do not review or look at code without full context label Aug 31, 2026
@netlify

netlify Bot commented Aug 31, 2026

Copy link
Copy Markdown

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit 21fe764
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6aae6da72bebc3000946d8b6
😎 Deploy Preview https://deploy-preview-5486--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.

@handikaharianto handikaharianto added High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible and removed do not review Do not review or look at code without full context labels Aug 31, 2026
DeMoliT1on
DeMoliT1on previously approved these changes Sep 3, 2026

@DeMoliT1on DeMoliT1on left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Hi @handikaharianto,

Tested locally for the PR branch handika/fix-dark-mode-styling-for-ApplicantVolunteerRatio-chart and verified that Application Volunteer Ratio chart renders correctly without any errors and works in dark mode as well.

Image Image

Approved!

@sonarqubecloud

Copy link
Copy Markdown

This branch has not been deployed

No deployments
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.

2 participants