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

Open
wants to merge 2 commits into
base: develop
Choose a base branch
from

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