Skip to content

Conversation

@dmortal
Copy link
Contributor

@dmortal dmortal commented Oct 8, 2025

Aligning and normalizing loading state for configuration and overview components:

Screen.Recording.2025-10-08.at.5.50.40.PM.mov

Copilot AI review requested due to automatic review settings October 8, 2025 21:04
Copy link
Contributor

Copilot AI left a 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.

Copy link
Member

@serikjensen serikjensen left a 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

@dmortal dmortal enabled auto-merge (squash) October 9, 2025 15:44
@dmortal dmortal merged commit 54f4b81 into main Oct 9, 2025
4 checks passed
@dmortal dmortal deleted the da/configLoading branch October 9, 2025 15:56
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.

2 participants