Skip to content

Fixes #39366 - deprecate Loader component and use PF5 spinner instead#11006

Merged
Lukshio merged 1 commit into
theforeman:developfrom
andreilakatos:update-loader-to-pf5
Jun 10, 2026
Merged

Fixes #39366 - deprecate Loader component and use PF5 spinner instead#11006
Lukshio merged 1 commit into
theforeman:developfrom
andreilakatos:update-loader-to-pf5

Conversation

@andreilakatos

@andreilakatos andreilakatos commented May 28, 2026

Copy link
Copy Markdown
Contributor

Summary

Deprecates the shared Loader component.

Use @patternfly/react-core Spinner component in these files instead of the loader

webpack/assets/javascripts/react_app/components/ChartBox/ChartBox.js

webpack/assets/javascripts/react_app/components/common/forms/Actions.js

webpack/assets/javascripts/react_app/components/hosts/powerStatus/PowerStatus.js

webpack/assets/javascripts/react_app/components/ForemanModal/subcomponents/SubmitOrCancel/SubmitBtn.js


Purpose

Foreman is moving table and layout code to PatternFly 5. The shared Loader still used patternfly-react (PF3), which produced inconsistent styling and duplicated spinner implementations. This PR updates that shared loader so pending states use the same PF5 Spinner as LoadingPage, TableIndexPage, and other PF4/PF5 surfaces.

@Lukshio Lukshio left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please update tests to RTL - check if component is rendered correctly for multiple sizes

@andreilakatos

Copy link
Copy Markdown
Contributor Author

Please update tests to RTL - check if component is rendered correctly for multiple sizes

Done, had to use sm instead of xs. xs no longer exists for pf5 spinner 🫤

@andreilakatos andreilakatos force-pushed the update-loader-to-pf5 branch 4 times, most recently from d0aecf4 to 4bc7b33 Compare June 3, 2026 13:39
@andreilakatos andreilakatos changed the title Fixes #39366 - update loader from pf3 to pf5 Fixes #39366 - deprecate Loader component and use PF5 spinner instead Jun 3, 2026
@andreilakatos

Copy link
Copy Markdown
Contributor Author
image image

Didn't know where to check these components for sure. So I just rendered them side by side for a comparison.

Screen.Recording.2026-06-03.at.19.44.14.mov

@andreilakatos andreilakatos requested a review from Lukshio June 4, 2026 10:10
@Lukshio Lukshio self-assigned this Jun 4, 2026
Comment thread webpack/assets/javascripts/react_app/components/ChartBox/ChartBox.css Outdated
Comment thread webpack/assets/javascripts/react_app/components/ChartBox/ChartBox.js Outdated
Comment thread webpack/assets/javascripts/react_app/components/hosts/powerStatus/PowerStatus.js Outdated

@Lukshio Lukshio left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@andreilakatos changes looks good, you can squash the commits. QE testing will be required.

Comment thread webpack/assets/javascripts/react_app/components/ChartBox/ChartBox.js Outdated

@Lukshio Lukshio left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ack, tested by packit + manually

@Lukshio Lukshio merged commit c3c5db0 into theforeman:develop Jun 10, 2026
38 of 42 checks passed
@Lukshio

Lukshio commented Jun 10, 2026

Copy link
Copy Markdown
Contributor

Thanks @andreilakatos

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants