-
Couldn't load subscription status.
- Fork 4
Da/config loading #650
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Da/config loading #650
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
This PR aligns and normalizes loading states across payroll configuration and overview components. The changes introduce consistent loading indicators and UI patterns across different payroll flow stages.
- Updated loading indicator components to support custom children content
- Modified payroll configuration and overview to use standardized loading states with custom messaging
- Removed back button functionality from payroll configuration and cleaned up unused exports
Reviewed Changes
Copilot reviewed 14 out of 16 changed files in this pull request and generated 2 comments.
Show a summary per file
| File | Description |
|---|---|
| src/i18n/en/Payroll.PayrollOverview.json | Added loading state translations and wrapped date display in formatting component |
| src/i18n/en/Payroll.PayrollConfiguration.json | Updated page structure, added loading translations, and removed back button text |
| src/contexts/LoadingIndicatorProvider/useLoadingIndicator.tsx | Enhanced LoadingIndicator to accept children props |
| src/components/Payroll/usePreparedPayrollData.ts | Integrated baseSubmitHandler for consistent loading behavior |
| src/components/Payroll/index.ts | Removed unused RunPayrollFlow export |
| src/components/Payroll/PayrollOverview/PayrollOverviewPresentation.tsx | Added loading state UI and improved date formatting with Trans component |
| src/components/Payroll/PayrollEditEmployee/PayrollEditEmployee.tsx | Integrated baseSubmitHandler for consistent form submission |
| src/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.tsx | Major refactor to add loading states, remove back button, and improve layout structure |
| src/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.test.tsx | Updated tests to reflect removed back button functionality |
| src/components/Payroll/PayrollConfiguration/PayrollConfiguration.tsx | Enhanced polling logic and integrated loading states |
| src/components/Payroll/PayrollConfiguration/PayrollConfiguration.stories.tsx | Removed back button from story configuration |
| src/components/Common/Loading/Loading.tsx | Enhanced Loading component to support children content |
| src/components/Common/Loading/Loading.stories.tsx | Added story for Loading component with children |
| src/components/Common/Loading/Loading.module.scss | Added styling for centered content within loading component |
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
src/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.tsx
Outdated
Show resolved
Hide resolved
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good! recommended a change for the LoadingSpinner API to either remove or rename the style prop. Would encourage addressing that but also don't want to hold this up
Aligning and normalizing loading state for configuration and overview components:
Screen.Recording.2025-10-08.at.5.50.40.PM.mov