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-8975] - Object Storage object uploader spinner spinning backwards #11384

Merged

Conversation

harsh-akamai
Copy link
Contributor

@harsh-akamai harsh-akamai commented Dec 9, 2024

Description πŸ“

Object Storage object uploader spinner spins backwards

Changes πŸ”„

The spinner spins in the same direction the arrows point

Target release date πŸ—“οΈ

N/A

Preview πŸ“·

Screen.Recording.2024-12-10.at.10.47.05.PM.mov

How to test πŸ§ͺ

Verification steps

  • Verify that while an object is being uploaded in a bucket, the spinner rotates in the direction the arrow points
  • Check that the spinner also rotates in the right direction while updating the billing contact info
Author Checklists

As an Author, to speed up the review process, I 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


  • I have read and considered all applicable items listed above.

As an Author, before moving this PR from Draft to Open, I confirmed βœ…

  • All unit tests are passing
  • TypeScript compilation succeeded without errors
  • Code passes all linting rules

@harsh-akamai harsh-akamai self-assigned this Dec 9, 2024
@harsh-akamai harsh-akamai marked this pull request as ready for review December 9, 2024 08:46
@harsh-akamai harsh-akamai requested a review from a team as a code owner December 9, 2024 08:46
@harsh-akamai harsh-akamai requested review from hana-akamai and hkhalil-akamai and removed request for a team December 9, 2024 08:46
@@ -51,7 +51,7 @@ export const StyledRightWrapper = styled('div', {
export const StyledUploadPending = styled(UploadPending, {
label: 'StyledUploadPending',
})(({ theme }) => ({
animation: `${rotate360} 2s linear infinite`,
animation: `${rotate360CounterClockwise} 2s linear infinite`,
Copy link
Contributor

Choose a reason for hiding this comment

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

I think the goal was for the arrows to point and spin clockwise. Imo, we should either use the mui AutorenewIcon similar to the NotificationMenu component or horizontally flip the UploadPending svg so that the arrows are pointing the right way

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Noted. I've pushed the changes!

@harsh-akamai harsh-akamai changed the title fix: [M3-8971] - Object Storage object uploader spinner spinning backwards fix: [M3-8975] - Object Storage object uploader spinner spinning backwards Dec 10, 2024
Copy link

github-actions bot commented Dec 10, 2024

Coverage Report: βœ…
Base Coverage: 86.89%
Current Coverage: 86.89%

Copy link
Contributor

@hana-akamai hana-akamai left a comment

Choose a reason for hiding this comment

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

Looks good! Since we don't use the UploadPending svg anywhere else, we can remove that as well

@hana-akamai hana-akamai added Add'tl Approval Needed Waiting on another approval! Bug Fixes for regressions or bugs labels Dec 10, 2024
Copy link
Contributor

@hkhalil-akamai hkhalil-akamai left a comment

Choose a reason for hiding this comment

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

Thanks for the fix! Approved pending @hana-akamai's suggestion.

@hkhalil-akamai hkhalil-akamai added Approved Multiple approvals and ready to merge! and removed Add'tl Approval Needed Waiting on another approval! labels Dec 10, 2024
@linode-gh-bot
Copy link
Collaborator

Cloud Manager UI test results

πŸŽ‰ 469 passing tests on test run #5 β†—οΈŽ

❌ Failingβœ… Passingβ†ͺ️ SkippedπŸ• Duration
0 Failing469 Passing2 Skipped89m 34s

@harsh-akamai harsh-akamai merged commit 977e32c into linode:develop Dec 11, 2024
23 checks passed
@harsh-akamai harsh-akamai deleted the M3-8971-fix-spinner-rotation branch December 11, 2024 17:11
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
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants