[OSDEV-2224] Update free emission estimate styles#797
Conversation
|
React App | Jest test suite - Code coverage reportTotal: 37.09%Your code coverage diff: 0.01% ▴ ✅ All code changes are covered |
📝 WalkthroughWalkthroughMultiple UI components across FreeEmissionsEstimate and InitialClaimFlow features are enhanced. Changes include adding tooltip-enabled labels to energy inputs, restructuring error message display, introducing warning icons to error states, improving styling consistency with new helper functions, and adding loading/disabled states to submission controls. Changes
Sequence Diagram(s)sequenceDiagram
participant User
participant ClaimForm
participant Server
User->>ClaimForm: Submit Form
ClaimForm->>ClaimForm: Set submissionFetching = true
ClaimForm->>ClaimForm: Disable Back Button
ClaimForm->>ClaimForm: Update Submit Button<br/>(show "Submitting...")
ClaimForm->>Server: Send Claim Data
alt Submission Success
Server-->>ClaimForm: Success Response
ClaimForm->>ClaimForm: Clear Error State
ClaimForm->>User: Navigate/Close
else Submission Error
Server-->>ClaimForm: Error Response
ClaimForm->>ClaimForm: Set submissionFetching = false
ClaimForm->>ClaimForm: Enable Back Button
ClaimForm->>ClaimForm: Update Submit Button<br/>(show "Submit Claim")
ClaimForm->>ClaimForm: Display Warning Container<br/>with Icon + "ERROR!"
ClaimForm->>User: Render Error Message
end
Estimated code review effort🎯 3 (Moderate) | ⏱️ ~22 minutes
Possibly related PRs
Suggested reviewers
Pre-merge checks and finishing touches✅ Passed checks (3 passed)
✨ Finishing touches
🧪 Generate unit tests (beta)
📜 Recent review detailsConfiguration used: CodeRabbit UI Review profile: CHILL Plan: Pro 📒 Files selected for processing (8)
🧰 Additional context used🧠 Learnings (9)📓 Common learnings📚 Learning: 2025-10-24T13:01:46.869ZApplied to files:
📚 Learning: 2025-10-24T12:42:48.908ZApplied to files:
📚 Learning: 2024-11-20T23:08:05.475ZApplied to files:
📚 Learning: 2025-10-31T08:29:48.108ZApplied to files:
📚 Learning: 2024-12-03T06:52:22.170ZApplied to files:
📚 Learning: 2025-10-07T10:55:42.752ZApplied to files:
📚 Learning: 2024-12-05T10:43:59.922ZApplied to files:
📚 Learning: 2024-11-08T14:17:38.915ZApplied to files:
🧬 Code graph analysis (2)src/react/src/components/FreeEmissionsEstimate/EmissionsEstimateForm.jsx (1)
src/react/src/components/FreeEmissionsEstimate/EnergySourceInput.jsx (1)
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (13)
🔇 Additional comments (20)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Dedupe Hub App | Unittest test suite - Code coverage reportTotal: 55.73%Your code coverage diff: 0.00% ▴ ✅ All code changes are covered |
Countries App | Unittest test suite - Code coverage reportTotal: 100%Your code coverage diff: 0.00% ▴ ✅ All code changes are covered |
Contricleaner App | Unittest test suite - Code coverage reportTotal: 98.75%Your code coverage diff: 0.00% ▴ ✅ All code changes are covered |
Django App | Unittest test suite - Code coverage reportTotal: 81.48%Your code coverage diff: 0.00% ▴ ✅ All code changes are covered |


Add several UI improvements to the facility claim flow and emissions estimate form, focusing on consistency and user clarity.
Emissions Estimate Form
Facility Claim Form
ClaimForm.jsx) and the intro page (ClaimIntro.jsx) has been standardized (using4%on large screens) to ensure a consistent content width.boxWarningContainerstyle has been added to theClaimFormto prominently display submission errors in a red-bordered box, making them more visible to the user.