Skip to content

Convert react bootstrap components to carbon react#449

Merged
agrare merged 7 commits into
ManageIQ:masterfrom
GilbertCherrie:carbon_react_conversion
Jun 9, 2026
Merged

Convert react bootstrap components to carbon react#449
agrare merged 7 commits into
ManageIQ:masterfrom
GilbertCherrie:carbon_react_conversion

Conversation

@GilbertCherrie

@GilbertCherrie GilbertCherrie commented Apr 1, 2026

Copy link
Copy Markdown
Member

Convert the React bootstrap components to Carbon React components.

Before:

Apply Config Pattern form
Screenshot 2026-04-01 at 11 08 12 AM

Firmware Update form
Screenshot 2026-04-01 at 11 08 17 AM

After:

Apply Config Pattern form
Screenshot 2026-04-01 at 11 10 28 AM

Firmware Update form
Screenshot 2026-04-01 at 11 10 53 AM

@GilbertCherrie

Copy link
Copy Markdown
Member Author

@miq-bot assign @Fryguy
@miq-bot add-label enhancement

@GilbertCherrie GilbertCherrie changed the title Convert react bootstrap components to carbon react [WIP] Convert react bootstrap components to carbon react Apr 1, 2026
@miq-bot miq-bot added the wip label Apr 1, 2026
@Fryguy

Fryguy commented Apr 1, 2026

Copy link
Copy Markdown
Member

Not sure how difficult or not this is, but can we do the rename in one commit and any code changes in a separate commit - it's nearly impossible to review when it's delete and change in the same commit.

@GilbertCherrie
GilbertCherrie force-pushed the carbon_react_conversion branch 2 times, most recently from c62f2f7 to 33027e2 Compare April 6, 2026 14:28
@GilbertCherrie GilbertCherrie changed the title [WIP] Convert react bootstrap components to carbon react Convert react bootstrap components to carbon react Apr 6, 2026
@GilbertCherrie

Copy link
Copy Markdown
Member Author

@Fryguy I removed the rename changes, I will add those back in a final commit / follow up pr assuming everything else here is good

@GilbertCherrie

Copy link
Copy Markdown
Member Author

@miq-bot remove-label wip

@miq-bot miq-bot removed the wip label Apr 6, 2026
@Fryguy

Fryguy commented Apr 13, 2026

Copy link
Copy Markdown
Member

@asirvadAbrahamVarghese Please review. I can't assign for some reason.

Comment thread app/javascript/components/form/fields/config_pattern_field.js Outdated
Comment thread app/javascript/components/form/fields/physical_server_field.js Outdated
Comment thread app/javascript/components/style/firmware-update-field.scss
Comment thread app/javascript/components/style/apply-config-pattern-form.scss
Comment thread app/javascript/components/style/apply-config-pattern-form.scss
Comment thread app/javascript/components/apply-config-pattern-form-provider.jsx
Comment thread app/javascript/components/apply-config-pattern-form-provider.jsx
Comment thread app/javascript/components/apply-config-pattern-form-provider.jsx Outdated
this.props.dispatch({
useEffect(() => {
// Initialize form buttons
dispatch({

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.

Feels like we should start using useDispatch and useSelector in React components instead of the older connect()pattern (mapStateToProps, mapDispatchToProps).
It’s a big refactor though, so we can do that later as a follow-up since everything currently uses connect().

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

Yeah this should be a follow up I think

Comment thread app/javascript/components/apply-config-pattern-form-provider.jsx
Comment thread app/javascript/components/firmware-update-form-provider.jsx Outdated
Comment thread app/javascript/components/firmware-update-form-provider.jsx
Comment thread app/javascript/components/style/firmware-update-field.scss
Comment thread app/javascript/components/style/firmware-update-field.css Outdated
Comment thread app/javascript/components/style/firmware-update-field.scss Outdated
Comment thread app/javascript/components/form/fields/firmware_field.js Outdated
Comment thread app/javascript/components/form/fields/firmware_field.js Outdated
Comment thread app/javascript/components/form/fields/firmware_field.js Outdated
Comment thread app/javascript/components/form/fields/firmware_field.js Outdated
Comment thread app/javascript/components/form/fields/firmware_field.js Outdated
@GilbertCherrie
GilbertCherrie force-pushed the carbon_react_conversion branch 2 times, most recently from 0d279dc to d4e81ee Compare April 20, 2026 16:38
Comment thread app/javascript/components/apply-config-pattern-form-provider.jsx Outdated
Comment thread app/javascript/components/form/fields/config_pattern_field.jsx Outdated
@GilbertCherrie
GilbertCherrie force-pushed the carbon_react_conversion branch from d4e81ee to e00ee6e Compare April 21, 2026 13:39
Comment thread app/javascript/components/style/apply-config-pattern-form.scss
@GilbertCherrie

Copy link
Copy Markdown
Member Author

@asirvadAbrahamVarghese fixed the issues if you can review again

@GilbertCherrie
GilbertCherrie force-pushed the carbon_react_conversion branch from e00ee6e to fbf73fc Compare June 8, 2026 15:46
@miq-bot

miq-bot commented Jun 8, 2026

Copy link
Copy Markdown
Member

Checked commits GilbertCherrie/manageiq-providers-lenovo@4fe2871~...fbf73fc with ruby 3.3.10, rubocop 1.86.0, haml-lint 0.73.0, and yamllint 1.37.1
0 files checked, 0 offenses detected
Everything looks fine. 👍

@asirvadAbrahamVarghese asirvadAbrahamVarghese 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.

This looks great, thanks!

I don't have merge rights. @Fryguy / @agrare, can you review/merge this?

@agrare agrare assigned agrare and unassigned Fryguy Jun 9, 2026
@agrare
agrare merged commit b3df4e3 into ManageIQ:master Jun 9, 2026
2 checks passed
@GilbertCherrie
GilbertCherrie deleted the carbon_react_conversion branch June 9, 2026 13:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants