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

feat(core): add loading state on item quantity change #783

Merged
merged 2 commits into from
Apr 17, 2024

Conversation

jorgemoya
Copy link
Contributor

What/Why?

  • Add loading state when item quantity changes by creating a new component that handles the count differently (no longer an input).
  • Modified remove item logic to match new logic.
Kapture.2024-04-17.at.14.10.43.mp4

Testing

Tests pass.

@jorgemoya jorgemoya requested a review from a team as a code owner April 17, 2024 19:11
Copy link

changeset-bot bot commented Apr 17, 2024

🦋 Changeset detected

Latest commit: e58f9ac

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@bigcommerce/catalyst-core Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link

vercel bot commented Apr 17, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
catalyst-latest ✅ Ready (Inspect) Visit Preview 💬 Add feedback Apr 17, 2024 9:13pm
catalyst-test-store ✅ Ready (Inspect) Visit Preview 💬 Add feedback Apr 17, 2024 9:13pm
4 Ignored Deployments
Name Status Preview Comments Updated (UTC)
catalyst-1millionproducts-store ⬜️ Ignored (Inspect) Visit Preview Apr 17, 2024 9:13pm
catalyst-au ⬜️ Ignored (Inspect) Visit Preview Apr 17, 2024 9:13pm
catalyst-storybook ⬜️ Ignored (Inspect) Visit Preview Apr 17, 2024 9:13pm
catalyst-uk ⬜️ Ignored (Inspect) Visit Preview Apr 17, 2024 9:13pm

@jorgemoya jorgemoya force-pushed the add-loading-product-quantity branch from a1da41c to 726674a Compare April 17, 2024 19:11
Copy link
Contributor

⚡️🏠 Lighthouse report

Lighthouse ran against https://catalyst-latest-kik4dpdro-bigcommerce-platform.vercel.app

🖥️ Desktop

We ran Lighthouse against the changes on a desktop and produced this report. Here's the summary:

Category Score
🟢 Performance 100
🟢 Accessibility 100
🟠 Best practices 78
🟢 SEO 90

📱 Mobile

We ran Lighthouse against the changes on a mobile and produced this report. Here's the summary:

Category Score
🟢 Performance 98
🟢 Accessibility 100
🟠 Best practices 78
🟢 SEO 92

Comment on lines 189 to 194
<SubmitButton
aria-label={t('submitReduceText')}
onClick={() => setProductQuantity(productQuantity - 1)}
>
<Minus aria-hidden="true" />
</SubmitButton>
Copy link
Contributor

Choose a reason for hiding this comment

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

🍹 Use aria-* attributes as a last resort.

Suggested change
<SubmitButton
aria-label={t('submitReduceText')}
onClick={() => setProductQuantity(productQuantity - 1)}
>
<Minus aria-hidden="true" />
</SubmitButton>
<SubmitButton onClick={() => setProductQuantity(productQuantity - 1)}>
<Minus>
<title>{t('submitReduceText')}</title>
</Minus>
</SubmitButton>

@jorgemoya jorgemoya added this pull request to the merge queue Apr 17, 2024
Merged via the queue into main with commit 301b775 Apr 17, 2024
14 of 15 checks passed
@jorgemoya jorgemoya deleted the add-loading-product-quantity branch April 17, 2024 21:14
@github-actions github-actions bot mentioned this pull request Apr 17, 2024
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.

2 participants