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

fix: [M3-8752] - Region Multi Select spacing issues #11103

Conversation

bnussman-akamai
Copy link
Member

Description 📝

  • Fixes spacing issues in the RegionMultiSelect that were caused by Gecko changes 🇺🇸
  • Cleans up some styles, code, and naming 🧹

Preview 📷

Before After
Screenshot 2024-10-15 at 1 53 56 PM Screenshot 2024-10-15 at 1 53 43 PM

How to test 🧪

  • Check instances of RegionMultiSelect throughout Cloud Manager
    • I discovered this bug in Image Service Gen2's "Manager Regions Drawer"
    • Another place to check would be the Object Storage Access Key Region Select
    • Check basic Region Select on Linode Create flow

As an Author I have considered 🤔

  • 👀 Doing a self review
  • ❔ Our contribution guidelines
  • 🤏 Splitting feature into small PRs
  • ➕ Adding a changeset
  • 🧪 Providing/Improving test coverage
  • 🔐 Removing all sensitive information from the code and PR description
  • 🚩 Using a feature flag to protect the release
  • 👣 Providing comprehensive reproduction steps
  • 📑 Providing or updating our documentation
  • 🕛 Scheduling a pair reviewing session
  • 📱 Providing mobile support
  • ♿ Providing accessibility support

@bnussman-akamai bnussman-akamai added Bug Fixes for regressions or bugs Clean Up labels Oct 15, 2024
@bnussman-akamai bnussman-akamai self-assigned this Oct 15, 2024
@bnussman-akamai bnussman-akamai requested a review from a team as a code owner October 15, 2024 17:56
@bnussman-akamai bnussman-akamai requested review from carrillo-erik and jaalah-akamai and removed request for a team October 15, 2024 17:56
Copy link
Member Author

Choose a reason for hiding this comment

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

I made <Flag /> extend Box so it has more customizability (passing sx and other props)

region: Region;
}

const SelectedRegion = ({ region }: LabelComponentProps) => {
const RegionChipLabel = ({ region }: RegionChipLabelProps) => {
Copy link
Member Author

Choose a reason for hiding this comment

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

I didn't really understand the name SelectedRegion to I changed it to RegionChipLabel

Copy link
Contributor

Choose a reason for hiding this comment

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

I'm always in favor of improving variable names to convey they value for future contributors.

Copy link
Contributor

@jaalah-akamai jaalah-akamai left a comment

Choose a reason for hiding this comment

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

✅ Visually looks good
✅ Code cleanup and readability improved

@jaalah-akamai jaalah-akamai added the Add'tl Approval Needed Waiting on another approval! label Oct 16, 2024
@carrillo-erik
Copy link
Contributor

FYI, I didn't see a changeset. Are you planning on adding one?

@bnussman-akamai
Copy link
Member Author

Thanks for the reminder @carrillo-erik. Added one!

@bnussman-akamai bnussman-akamai added Approved Multiple approvals and ready to merge! and removed Add'tl Approval Needed Waiting on another approval! labels Oct 16, 2024
Copy link

Coverage Report:
Base Coverage: 87.06%
Current Coverage: 87.06%

@bnussman-akamai bnussman-akamai merged commit 072c371 into linode:develop Oct 16, 2024
22 of 23 checks passed
Copy link

cypress bot commented Oct 16, 2024

Cloud Manager E2E    Run #6689

Run Properties:  status check passed Passed #6689  •  git commit 072c371fd2: fix: [M3-8752] - Region Multi Select spacing issues (#11103)
Project Cloud Manager E2E
Run status status check passed Passed #6689
Run duration 26m 36s
Commit git commit 072c371fd2: fix: [M3-8752] - Region Multi Select spacing issues (#11103)
Committer Banks Nussman
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 5
Tests that did not run due to a developer annotating a test with .skip  Pending 2
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 437

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Approved Multiple approvals and ready to merge! Bug Fixes for regressions or bugs Clean Up
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants