Skip to content
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

DEP Upgrade bootstrap and reactstrap #1537

Open
wants to merge 1 commit into
base: 3.0
Choose a base branch
from

Conversation

GuySartorelli
Copy link
Member

@GuySartorelli GuySartorelli commented Jan 15, 2025

Had to remove react as a direct dependency because it got confused between the version being installed locally and the one included from admin, which resulted in false-negatives with errors saying "you can't use hooks" when they were in fact being used correctly.

Update to eslint is because it defaulted to assuming the latest version of react which resulted in a lint error, because we're not using the latest version of react.

See silverstripe/silverstripe-admin#1889 which links to the specific upgrade guide entries for most changes made.

Issue

@GuySartorelli GuySartorelli marked this pull request as draft January 15, 2025 23:16
@GuySartorelli GuySartorelli force-pushed the pulls/3.0/upgrade-bootstrap branch 4 times, most recently from e4c590d to 908ee0f Compare January 21, 2025 02:49
@GuySartorelli GuySartorelli force-pushed the pulls/3.0/upgrade-bootstrap branch from 908ee0f to 06312a3 Compare January 22, 2025 22:24
@GuySartorelli GuySartorelli marked this pull request as ready for review January 23, 2025 00:02
Copy link
Member Author

Choose a reason for hiding this comment

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

Removing react from the dependencies resulted in jest defaulting to "react latest" which caused some tests to fail.

.arrow {
.popover-arrow {
Copy link
Member Author

Choose a reason for hiding this comment

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

https://getbootstrap.com/docs/5.0/migration/#popovers

Renamed .arrow to .popover-arrow in our default popover template.

onClick={this.props.onClosed}
aria-label={i18n._t('FormBuilderModal.CLOSE', 'Close')}
>
<span aria-hidden="true">×</span>
Copy link
Member Author

Choose a reason for hiding this comment

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

This x was being rendered on top of the existing styling for the modal close button, so there were two x being rendered

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.

1 participant