Skip to content

Casstiel cost prediction report screen not loading#5256

Open
CasstielP wants to merge 2 commits into
developmentfrom
Casstiel_cost_prediction_report_screen_not_loading
Open

Casstiel cost prediction report screen not loading#5256
CasstielP wants to merge 2 commits into
developmentfrom
Casstiel_cost_prediction_report_screen_not_loading

Conversation

@CasstielP
Copy link
Copy Markdown
Contributor

Description

Fixes high priority issue where the Planned vs Actual Costs Tracking page failed to properly render financial chart components and displayed incomplete or duplicated dashboard content. The issue was caused by incorrect component rendering logic, duplicated FinancialsTrackingCard placement across multiple dashboard sections, and removal of the required projectId prop from CostPredictionChart, which prevented chart data from loading correctly. Additional updates were made to validate project-based rendering flow and restore proper financial chart display behavior.

Related PRS (if any):

PR #4193

Main changes explained:

  • Updated WeeklyProjectSummary.jsx to correctly render financial tracking components within their intended dashboard sections.
  • Removed duplicate FinancialsTrackingCard component instances that caused repeated chart rendering.
  • Restored the required projectId prop for CostPredictionChart to allow proper chart data loading and rendering.
  • Updated financial tracking rendering logic to prevent placeholder card content from displaying.
  • Added project selection validation logic for FinancialsTrackingCard.
  • Improved conditional rendering flow for financial tracking dashboard cards.
  • Verified chart rendering compatibility for both light and dark modes.

How to test:

  1. Checkout the current branch.

  2. Run npm install.

  3. Run the application locally using:

  4. npm run start:local

  5. Clear browser site data/cache if needed.

  6. Log in as an admin user.

  7. Navigate to:
    Dashboard → Weekly Project Summary
    Expand the Financials Tracking section.

Verify the following:

  • FinancialsTrackingCard renders only once.
  • CostPredictionChart loads correctly and no longer remains stuck on loading state.
  • ActualVsPlannedCost chart renders correctly.
  • No placeholder 📊 Card content is displayed.
  • Project-based chart rendering functions properly.
  • Verify charts render correctly in both light and dark modes.

Screenshots or videos of changes:

Screen.Recording.2026-05-02.at.11.44.06.AM.mov

Note:

This PR focuses on correcting financial dashboard rendering flow, restoring missing chart props, and ensuring financial chart components display correctly within the Weekly Project Summary dashboard.

@netlify
Copy link
Copy Markdown

netlify Bot commented May 9, 2026

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit e5dcdad
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69ff6aad5e41e200087348eb
😎 Deploy Preview https://deploy-preview-5256--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
Copy link
Copy Markdown

sonarqubecloud Bot commented May 9, 2026

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.

1 participant