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: transaction approval screen showing odd half loading state #1218

Merged
merged 5 commits into from
Apr 10, 2024

Conversation

arthurgeron
Copy link
Contributor

Fixes #1201

  • Fixes loading state only being partially applied to TxApprove components
  • Adds unit tests for TxApprove (as a dumb component)

Before

Screenshot 2024-04-08 at 20 27 43

After

Screen.Recording.2024-04-09.at.17.06.11.mov

would happen sometimes after approving a transaction on slow CPUs or connections
@HoTandy
Copy link
Contributor

HoTandy commented Apr 10, 2024

Hi @arthurgeron, I would like to verify this fix, on which environment should I be verifying it? (vercel*)

@arthurgeron
Copy link
Contributor Author

Hi @arthurgeron, I would like to verify this fix, on which environment should I be verifying it? (vercel*)

Hello @HoTandy ! I'd recommend the test environment, but Preview should work too. Preferably the environment you were using when you first reproduced this issue!

HoTandy
HoTandy previously approved these changes Apr 10, 2024
Copy link
Contributor

@HoTandy HoTandy left a comment

Choose a reason for hiding this comment

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

Hi @arthurgeron, I've now retested where you deployed https://fuels-wallet-5xb0l6yz9-fuel-labs.vercel.app/docs/install/ - installed from zip on win11.

Looks good, I cannot reproduce the issue anymore, but it was difficult to reproduce in the first place.

Copy link
Contributor

Coverage report for ./packages/app

St.
Category Percentage Covered / Total
🟡 Statements 64.31% 3280/5100
🔴 Branches 42.52% 611/1437
🔴 Functions 48.18% 689/1430
🟡 Lines 64.86% 3164/4878

Test suite run success

246 tests passing in 73 suites.

Report generated by 🧪jest coverage report action from da246ba

@arthurgeron arthurgeron changed the title Ag/fix/txapprove intermitent loading state fix: Transaction approval screen showing odd half loading state Apr 10, 2024
@arthurgeron arthurgeron changed the title fix: Transaction approval screen showing odd half loading state fix: transaction approval screen showing odd half loading state Apr 10, 2024
@helciofranco helciofranco requested a review from HoTandy April 10, 2024 20:21
@arthurgeron arthurgeron merged commit 616f091 into master Apr 10, 2024
19 of 27 checks passed
@arthurgeron arthurgeron deleted the ag/fix/txapprove-intermitent-loading-state branch April 10, 2024 21:10
luizstacio pushed a commit that referenced this pull request Apr 11, 2024
This PR was opened by the [Changesets
release](https://github.com/changesets/action) GitHub action. When
you're ready to do a release, you can merge this and publish to npm
yourself or [setup this action to publish
automatically](https://github.com/changesets/action#with-publishing). If
you're not ready to do a release yet, that's fine, whenever you add more
changesets to master, this PR will be updated.


# Releases
## fuels-wallet@0.16.2

### Patch Changes

- [#1113](#1113)
[`3c5d91d`](3c5d91d)
Thanks [@helciofranco](https://github.com/helciofranco)! - chore: update
ts-sdk and fuel-ui packages

- [#1198](#1198)
[`7fac95e`](7fac95e)
Thanks [@fuel-service-user](https://github.com/fuel-service-user)! - ci:
update to tag latest

- [#1218](#1218)
[`616f091`](616f091)
Thanks [@arthurgeron](https://github.com/arthurgeron)! - Fixes Approve
Transaction screen staying in a partially loading state after approving
a transaction

- [#1196](#1196)
[`1427f2b`](1427f2b)
Thanks [@helciofranco](https://github.com/helciofranco)! - fix:
transaction id available on transaction approved page, it was taking the
user to a broken page (undefined id).

- [#1170](#1170)
[`aa684b3`](aa684b3)
Thanks [@fuel-service-user](https://github.com/fuel-service-user)! - ci:
update to tag latest

- [#1217](#1217)
[`8f94aee`](8f94aee)
Thanks [@arthurgeron](https://github.com/arthurgeron)! - Prevent the
Change Password dialog from allowing the new password to be the same as
the current password #1203

- [#1137](#1137)
[`a0e5cbf`](a0e5cbf)
Thanks [@helciofranco](https://github.com/helciofranco)! - ci: replace
prettier and eslint with biomejs (dev)

- [#1197](#1197)
[`97a8a3c`](97a8a3c)
Thanks [@helciofranco](https://github.com/helciofranco)! - - Display the
full app URL when it's big (instead of truncating it).

- Sync the information displayed in the connected app `list` and `edit`
screens.
- Improve how the URL are displayed, focusing on the `hostname` mostly.
- Display only the first two initials on the Avatar when the page has a
long title (2+ words).

- [#1186](#1186)
[`45f6571`](45f6571)
Thanks [@helciofranco](https://github.com/helciofranco)! - chore:
replaces a warning icon (orange) with a info icon (gray) from the
connection list screen.

- [#1210](#1210)
[`0fa1abc`](0fa1abc)
Thanks [@fuel-service-user](https://github.com/fuel-service-user)! - ci:
update to tag latest

- [#1141](#1141)
[`96faa7f`](96faa7f)
Thanks [@helciofranco](https://github.com/helciofranco)! - feat: bump
SDK to latest version

- [#1188](#1188)
[`d51591e`](d51591e)
Thanks [@helciofranco](https://github.com/helciofranco)! - Previously,
`Wallet Manager` was failing to clear properly when `db.clear();` is
called.

This led to wrong account addresses generation, as updates to the
`IndexedDB` didn't reflect in the Wallet Manager's internal state,
particularly the `#vaults` property.

To resolve this issue, I implemented a manual call to `removeVault`
during logout.

This ensures that each new wallet generated starts from scratch, free
from interference by any previous mnemonic vault.

- [#1150](#1150)
[`c0d8def`](c0d8def)
Thanks [@helciofranco](https://github.com/helciofranco)! - ci: enable
biomejs rules (as it was with eslint and prettier)

- [#1182](#1182)
[`ddb2440`](ddb2440)
Thanks [@helciofranco](https://github.com/helciofranco)! - fix: disable
autocomplete from the private key input.

- Updated dependencies
\[[`3c5d91d`](3c5d91d),
[`aa684b3`](aa684b3),
[`a0e5cbf`](a0e5cbf),
[`ec58815`](ec58815),
[`0fa1abc`](0fa1abc),
[`96faa7f`](96faa7f),
[`c0d8def`](c0d8def)]:
    -   @fuel-wallet/connections@0.16.2

## @fuel-wallet/connections@0.16.2

### Patch Changes

- [#1113](#1113)
[`3c5d91d`](3c5d91d)
Thanks [@helciofranco](https://github.com/helciofranco)! - chore: update
ts-sdk and fuel-ui packages

- [#1170](#1170)
[`aa684b3`](aa684b3)
Thanks [@fuel-service-user](https://github.com/fuel-service-user)! - ci:
update to tag latest

- [#1137](#1137)
[`a0e5cbf`](a0e5cbf)
Thanks [@helciofranco](https://github.com/helciofranco)! - ci: replace
prettier and eslint with biomejs (dev)

- [#1165](#1165)
[`ec58815`](ec58815)
Thanks [@helciofranco](https://github.com/helciofranco)! - ci: make
connections and types packages private
we don't need to use publish them anymore because it's going to be used
only by the CRX

- [#1210](#1210)
[`0fa1abc`](0fa1abc)
Thanks [@fuel-service-user](https://github.com/fuel-service-user)! - ci:
update to tag latest

- [#1141](#1141)
[`96faa7f`](96faa7f)
Thanks [@helciofranco](https://github.com/helciofranco)! - feat: bump
SDK to latest version

- [#1150](#1150)
[`c0d8def`](c0d8def)
Thanks [@helciofranco](https://github.com/helciofranco)! - ci: enable
biomejs rules (as it was with eslint and prettier)

- Updated dependencies
\[[`3c5d91d`](3c5d91d),
[`aa684b3`](aa684b3),
[`a0e5cbf`](a0e5cbf),
[`ec58815`](ec58815),
[`0fa1abc`](0fa1abc),
[`96faa7f`](96faa7f),
[`c0d8def`](c0d8def)]:
    -   @fuel-wallet/types@0.16.2

## @fuel-wallet/types@0.16.2

### Patch Changes

- [#1113](#1113)
[`3c5d91d`](3c5d91d)
Thanks [@helciofranco](https://github.com/helciofranco)! - chore: update
ts-sdk and fuel-ui packages

- [#1170](#1170)
[`aa684b3`](aa684b3)
Thanks [@fuel-service-user](https://github.com/fuel-service-user)! - ci:
update to tag latest

- [#1137](#1137)
[`a0e5cbf`](a0e5cbf)
Thanks [@helciofranco](https://github.com/helciofranco)! - ci: replace
prettier and eslint with biomejs (dev)

- [#1165](#1165)
[`ec58815`](ec58815)
Thanks [@helciofranco](https://github.com/helciofranco)! - ci: make
connections and types packages private
we don't need to use publish them anymore because it's going to be used
only by the CRX

- [#1210](#1210)
[`0fa1abc`](0fa1abc)
Thanks [@fuel-service-user](https://github.com/fuel-service-user)! - ci:
update to tag latest

- [#1141](#1141)
[`96faa7f`](96faa7f)
Thanks [@helciofranco](https://github.com/helciofranco)! - feat: bump
SDK to latest version

- [#1150](#1150)
[`c0d8def`](c0d8def)
Thanks [@helciofranco](https://github.com/helciofranco)! - ci: enable
biomejs rules (as it was with eslint and prettier)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
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.

Wallet in strange state after clicking Approve
4 participants