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

change: [M3-8373] - Fix unexpected heading spacing on Account Maintenance page #11099

Conversation

harsh-akamai
Copy link
Contributor

@harsh-akamai harsh-akamai commented Oct 15, 2024

Description 📝

On the Account Maintenance page, the "Pending" and "Completed" headings have spacing which is inconsistent with the spacing of our headings on other pages.

Changes 🔄

  • Account maintenance headings are aligned to the tables that they're labeling

Target release date 🗓️

10/28

Preview 📷

Before After
image image

How to test 🧪

Verification steps

  • Enable MSW
  • Navigate to localhost:3000/account/maintenance
  • Verify that the table headings are aligned with the table rows and have uniform padding.

As an Author I have considered 🤔

Check all that apply

  • 👀 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

@harsh-akamai harsh-akamai requested a review from a team as a code owner October 15, 2024 12:47
@harsh-akamai harsh-akamai requested review from carrillo-erik and coliu-akamai and removed request for a team October 15, 2024 12:47
@harsh-akamai harsh-akamai self-assigned this Oct 15, 2024
@harsh-akamai harsh-akamai changed the title change: [M3-8373] - Fixed unexpected heading spacing on Account Maintenance page change: [M3-8373] - Fix unexpected heading spacing on Account Maintenance page Oct 15, 2024
Copy link
Contributor

@coliu-akamai coliu-akamai left a comment

Choose a reason for hiding this comment

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

✅ confirmed spacing for Account Maintenance in both light/dark modes

thanks Harsh! Left one small comment

@@ -143,11 +144,18 @@ const MaintenanceTable = ({ type }: Props) => {
};

return (
<>
<Box
className={classes.headingContainer}
Copy link
Contributor

Choose a reason for hiding this comment

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

Looks like classes.headingContainer isn't used anywhere else in this file, so we can remove headingContainer from the useStyles

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

Choose a reason for hiding this comment

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

Whenever possible, we try to replace default exports with named exports. This component would be a good candidate.

@hkhalil-akamai hkhalil-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

github-actions bot commented Oct 22, 2024

Coverage Report:
Base Coverage: 87.01%
Current Coverage: 87.01%

@harsh-akamai harsh-akamai merged commit d5d8490 into linode:develop Oct 24, 2024
23 checks passed
@harsh-akamai harsh-akamai deleted the M3-8373-fix-header-in-acc-maintenance-page branch October 24, 2024 06:08
Copy link

cypress bot commented Oct 24, 2024

Cloud Manager E2E    Run #6727

Run Properties:  status check passed Passed #6727  •  git commit d5d849020f: change: [M3-8373] - Fix unexpected heading spacing on Account Maintenance page (...
Project Cloud Manager E2E
Branch Review develop
Run status status check passed Passed #6727
Run duration 27m 44s
Commit git commit d5d849020f: change: [M3-8373] - Fix unexpected heading spacing on Account Maintenance page (...
Committer Harsh Shankar Rao
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 4
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 441
View all changes introduced in this branch ↗︎

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!
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants