Radia Rental Tracking and Percent of Tools Returned Late UI FIx and merger with Dev#5354
Open
Radia731 wants to merge 4 commits into
Open
Radia Rental Tracking and Percent of Tools Returned Late UI FIx and merger with Dev#5354Radia731 wants to merge 4 commits into
Radia731 wants to merge 4 commits into
Conversation
✅ Deploy Preview for highestgoodnetwork-dev ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This PR takes over previous dashboard UI work and finalizes the layout, responsiveness, and Dark Mode compatibility for the Total Construction Dashboard charts. It fixes the free flowing responsive card overflow bug, resolves invisible text issues within third-party dropdowns in Dark Mode, and migrates the styling to CSS Modules.
Related PRS (if any):
Frontend-only change
taking over PR4569
No backend PR required for this implementation
Main changes explained:
Update on RentalChart.jsx & ReturnedLateChart.jsx: Converted all standard className strings to use imported styles objects for CSS Module compatibilityand fixed dark mode feature in these section:
How to test:
Check into the current branch: git checkout radia-rental-chart-update
Run npm install to ensure all external chart/select packages are up to date, then run npm start to spin up the local server.
Clear site data/cache.
Log in as an Admin user.
Navigate to the Dashboard -> Total Construction Dashboard -> Rental Tracking
Verify Responsiveness: Shrink your browser window. Verify that the RentalChart, ReturnedLateChart, and WeeklyProjectSummary cards smoothly drop to the next line instead of overflowing or squishing into each other.
Verify Filters: Click on the "Tools", "Project", and "Date" filters. Ensure the dropdown menus open correctly and allow you to select parameters.
Verify Dark Mode works for all sections and components.
Open the DatePicker and verify the Month/Year dropdowns have a dark background with legible white text.
Open the MultiSelect tools dropdown and verify the internal checkboxes and list items are readable and highlight correctly on hover.
Screenshots or videos of changes:
Screen.Recording.2026-06-21.at.2.51.50.AM.mov