Skip to content

Conversation

@gregfromstl
Copy link
Contributor

@gregfromstl gregfromstl commented Apr 14, 2025

Closes: tool-4077

  • Adds title and message to PayEmbed errors
  • Prevents propagating raw errors to the user when in purchase or transaction mode
  • Fixes bubble alignment on pulsing animation

PR-Codex overview

This PR focuses on improving error handling and user notifications in the thirdweb wallet interface, enhancing the user experience during transactions by providing clearer error messages and updating UI elements for consistency.

Detailed summary

  • Increased dimensions of UI elements in Stepper.tsx.
  • Enhanced error messages in ErrorText component.
  • Updated error handling in getErrorMessage function.
  • Replaced "Pay with credit card" text with "Pay with a debit card".
  • Improved error display in FiatScreenContent, SwapScreenContent, and TransferConfirmationScreen components.
  • Added uiErrorMessage logic to handle errors in TransferConfirmationScreen and SwapConfirmationScreen.

✨ Ask PR-Codex anything about this PR by commenting with /codex {your question}

@gregfromstl gregfromstl added the merge-queue Adds the pull request to Graphite's merge queue. label Apr 14, 2025
@gregfromstl gregfromstl requested review from a team as code owners April 14, 2025 01:27
@linear
Copy link

linear bot commented Apr 14, 2025

@vercel
Copy link

vercel bot commented Apr 14, 2025

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

Name Status Preview Comments Updated (UTC)
docs-v2 ✅ Ready (Inspect) Visit Preview 💬 Add feedback Apr 14, 2025 1:44am
login ✅ Ready (Inspect) Visit Preview 💬 Add feedback Apr 14, 2025 1:44am
thirdweb_playground ✅ Ready (Inspect) Visit Preview 💬 Add feedback Apr 14, 2025 1:44am
thirdweb-www ✅ Ready (Inspect) Visit Preview 💬 Add feedback Apr 14, 2025 1:44am
wallet-ui ✅ Ready (Inspect) Visit Preview 💬 Add feedback Apr 14, 2025 1:44am

@changeset-bot
Copy link

changeset-bot bot commented Apr 14, 2025

🦋 Changeset detected

Latest commit: 2cf63bb

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

This PR includes changesets to release 2 packages
Name Type
thirdweb Patch
@thirdweb-dev/wagmi-adapter 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
Contributor Author

gregfromstl commented Apr 14, 2025

Merge activity

  • Apr 13, 9:27 PM EDT: The merge label 'merge-queue' was detected. This PR will be added to the Graphite merge queue once it meets the requirements.
  • Apr 13, 10:20 PM EDT: The merge label 'merge-queue' was detected. This PR will be added to the Graphite merge queue once it meets the requirements.

@graphite-app
Copy link
Contributor

graphite-app bot commented Apr 14, 2025

How to use the Graphite Merge Queue

Add either label to this PR to merge it via the merge queue:

  • merge-queue - adds this PR to the back of the merge queue
  • hotfix - for urgent hot fixes, skip the queue and merge this PR next

You must have a Graphite account in order to use the merge queue. Sign up using this link.

An organization admin has enabled the Graphite Merge Queue in this repository.

Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.

@gregfromstl gregfromstl added the React SDK Involves changes to the React SDK. label Apr 14, 2025
@github-actions github-actions bot added packages SDK Involves changes to the thirdweb SDK labels Apr 14, 2025
@github-actions
Copy link
Contributor

github-actions bot commented Apr 14, 2025

size-limit report 📦

Path Size Loading time (3g) Running time (snapdragon) Total time
thirdweb (esm) 47.67 KB (0%) 954 ms (0%) 231 ms (+174.97% 🔺) 1.2 s
thirdweb (cjs) 130.06 KB (0%) 2.7 s (0%) 349 ms (+37.11% 🔺) 3 s
thirdweb (minimal + tree-shaking) 5.62 KB (0%) 113 ms (0%) 82 ms (+764.87% 🔺) 194 ms
thirdweb/chains (tree-shaking) 514 B (0%) 11 ms (0%) 63 ms (+2572.23% 🔺) 73 ms
thirdweb/react (minimal + tree-shaking) 19.36 KB (0%) 388 ms (0%) 99 ms (+450.67% 🔺) 487 ms

@codecov
Copy link

codecov bot commented Apr 14, 2025

Codecov Report

Attention: Patch coverage is 8.27068% with 122 lines in your changes missing coverage. Please review.

Project coverage is 54.92%. Comparing base (aa733b7) to head (2cf63bb).
Report is 3 commits behind head on main.

Files with missing lines Patch % Lines
...et/screens/Buy/swap/TransferConfirmationScreen.tsx 5.00% 38 Missing ⚠️
...nectWallet/screens/Buy/swap/ConfirmationScreen.tsx 5.26% 36 Missing ⚠️
...eb/ui/ConnectWallet/screens/Buy/swap/ErrorText.tsx 26.31% 14 Missing ⚠️
...nnectWallet/screens/Buy/swap/SwapScreenContent.tsx 9.09% 10 Missing ⚠️
...nnectWallet/screens/Buy/fiat/FiatScreenContent.tsx 10.00% 9 Missing ⚠️
packages/thirdweb/src/react/web/utils/errors.ts 0.00% 7 Missing ⚠️
...onnectWallet/screens/Buy/TransactionModeScreen.tsx 0.00% 6 Missing ⚠️
...react/web/ui/ConnectWallet/screens/Buy/Stepper.tsx 0.00% 2 Missing ⚠️

❌ Your patch status has failed because the patch coverage (8.27%) is below the target coverage (80.00%). You can increase the patch coverage or adjust the target coverage.

Additional details and impacted files
@@            Coverage Diff             @@
##             main    #6716      +/-   ##
==========================================
- Coverage   55.02%   54.92%   -0.11%     
==========================================
  Files         889      890       +1     
  Lines       55889    56002     +113     
  Branches     3820     3821       +1     
==========================================
+ Hits        30753    30757       +4     
- Misses      25041    25150     +109     
  Partials       95       95              
Flag Coverage Δ
packages 54.92% <8.27%> (-0.11%) ⬇️
Files with missing lines Coverage Δ
...ectWallet/screens/Buy/swap/TokenSelectorScreen.tsx 6.58% <ø> (ø)
...react/web/ui/ConnectWallet/screens/Buy/Stepper.tsx 14.92% <0.00%> (ø)
...onnectWallet/screens/Buy/TransactionModeScreen.tsx 8.89% <0.00%> (-0.12%) ⬇️
packages/thirdweb/src/react/web/utils/errors.ts 5.26% <0.00%> (-8.08%) ⬇️
...nnectWallet/screens/Buy/fiat/FiatScreenContent.tsx 9.37% <10.00%> (-0.22%) ⬇️
...nnectWallet/screens/Buy/swap/SwapScreenContent.tsx 7.59% <9.09%> (-0.18%) ⬇️
...eb/ui/ConnectWallet/screens/Buy/swap/ErrorText.tsx 26.31% <26.31%> (ø)
...nectWallet/screens/Buy/swap/ConfirmationScreen.tsx 7.69% <5.26%> (-1.23%) ⬇️
...et/screens/Buy/swap/TransferConfirmationScreen.tsx 7.09% <5.00%> (-0.32%) ⬇️

... and 1 file with indirect coverage changes

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@gregfromstl gregfromstl merged commit 0ea8987 into main Apr 14, 2025
31 of 32 checks passed
@gregfromstl gregfromstl deleted the greg/tool-4077-sanitize-widget-error branch April 14, 2025 02:17
@joaquim-verges joaquim-verges mentioned this pull request Apr 14, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

merge-queue Adds the pull request to Graphite's merge queue. packages React SDK Involves changes to the React SDK. SDK Involves changes to the thirdweb SDK

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants