Add browser notifications for wallet transactions by jinhojang6 · Pull Request #1095 · status-im/status-web

jinhojang6 · 2026-04-07T19:59:53Z

Summary

add browser notifications for wallet transactions
notify users when a transaction is sent, confirmed, or failed
add a Settings page(/page.html#/settings, top-right corner gear icon) and toggle to enable or disable transaction notifications. Implemented this feature based on conventional assumption, but it is okay to remove it and enable the notifications always.

add background monitoring for pending transactions to avoid duplicate alerts

In the same tab:

In a different tab:

Relevant issue

#930

Testing guide

Start a local chain:
anvil --host 0.0.0.0 --port 8545 --chain-id 31337 --block-time 1
Fetch the testing commit and cherry-pick it for local chain testing:
git fetch origin wallet-notifications-anvil && git cherry-pick b11fe716be9dc053c70a2508af35e1cbded7659a
Run the extension and import the default Anvil recovery phrase in the wallet:
test test test test test test test test test test test junk

If there is no ETH, click Receive and copy the current wallet address, and fund it on Anvil:
cast rpc anvil_setBalance <YOUR_WALLET_ADDRESS> 0x8AC7230489E80000 --rpc-url http://127.0.0.1:8545

Verify the funded balance:
cast balance <YOUR_WALLET_ADDRESS> --rpc-url http://127.0.0.1:8545

Then send ETH in the wallet UI to another Anvil address like
0x70997970C51812dc3A010C7d01b50e0d17dc79C8
Verify that a browser notification appears when the transaction is sent.
Keep the wallet unfocused or switch to another tab, and verify that a confirmation notification still appears after the transaction is mined.
Disable transaction notifications in settings, send another transaction, and verify that no browser notification is shown.

vercel · 2026-04-07T20:00:01Z

The latest updates on your projects. Learn more about Vercel for GitHub.

7 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
community-dapp-new	Ignored	Preview	Apr 16, 2026 2:50pm
status-api	Ignored	Preview	Apr 16, 2026 2:50pm
status-components	Ignored	Preview	Apr 16, 2026 2:50pm
status-network-hub	Ignored	Preview	Apr 16, 2026 2:50pm
status-network-website	Ignored	Preview	Apr 16, 2026 2:50pm
status-portfolio	Ignored	Preview	Apr 16, 2026 2:50pm
status-website	Ignored	Preview	Apr 16, 2026 2:50pm

changeset-bot · 2026-04-07T20:00:02Z

🦋 Changeset detected

Latest commit: 3c0dac0

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

This PR includes changesets to release 1 package

Name	Type
wallet	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

status-im-auto · 2026-04-07T20:01:48Z

Jenkins Builds

Click to see older builds (18)

❔	Commit	#️⃣	Finished (UTC)	Duration	Platform	Result
✔️	`be8fc90`	1	2026-04-07 20:01:47	~1 min	`wallet`	📦`zip`

✔️	`dec6bd7`	2	2026-04-08 15:13:04	~1 min	`wallet`	📦`zip`

✔️	`f3fddf0`	5	2026-04-08 15:23:23	~1 min	`wallet`	📦`zip`

✔️	`f3d5b79`	6	2026-04-08 15:27:39	~1 min	`wallet`	📦`zip`

✔️	`583fff4`	7	2026-04-09 13:53:02	~6 min	`wallet`	📦`zip`

✔️	`50ec9f0`	8	2026-04-09 13:54:36	~1 min	`wallet`	📦`zip`

✔️	`3a34085`	9	2026-04-09 14:19:42	~48 sec	`connector`	📦`zip`
✔️	`3a34085`	9	2026-04-09 14:20:29	~1 min	`wallet`	📦`zip`

✔️	`f0d18bd`	10	2026-04-13 15:56:50	~1 min	`wallet`	📦`zip`

✔️	`b9e3add`	11	2026-04-13 16:03:12	~1 min	`wallet`	📦`zip`

✔️	`fe50c3a`	12	2026-04-13 16:22:04	~1 min	`wallet`	📦`zip`

✔️	`69f43be`	13	2026-04-13 16:42:06	~1 min	`wallet`	📦`zip`

✔️	`33eda97`	14	2026-04-13 16:43:37	~1 min	`wallet`	📦`zip`

✔️	`effa64c`	16	2026-04-14 21:20:02	~44 sec	`connector`	📦`zip`
✔️	`effa64c`	15	2026-04-14 21:20:50	~1 min	`wallet`	📦`zip`

✔️	`31575b4`	16	2026-04-14 21:51:59	~1 min	`wallet`	📦`zip`

❌	`6a1b96e`	17	2026-04-14 21:53:30	~1 min	`wallet`	📄`log`

✔️	`1458916`	18	2026-04-15 05:50:08	~9 min	`wallet`	📦`zip`

❔	Commit	#️⃣	Finished (UTC)	Duration	Platform	Result
✔️	`c4bc9df`	19	2026-04-15 07:37:24	~1 min	`wallet`	📦`zip`

✔️	`3c0dac0`	20	2026-04-16 14:52:26	~2 min	`wallet`	📦`zip`

…pup-open case

…rrors)

… added

…or better error handling

…e notification logic

…ng transactions

…fetching

…tx-helpers

…fy transaction notifications

… settled

JulesFiliot

I'm trying to trigger the notification but it is not working.

I followed the test guide and tried to send assets multiple times with my local anvil chain running but I can only see my balance getting depleted but no notification. In the history the tx is on pending forever but I guess that's expected. The only errors I get are [assets.all] Failed to fetch ERC20 token balances for ethereum: Error: Failed to fetch. and No price data for ETH: Error: Failed to fetch: 404 but I also guess that they are expected. I tried sending to addresses provided by Anvil as well as to my own wallet address.

Also note that I had to remove the network parameter from fetchNetworkNonce at the line bellow to get the wallet to build without errors:

status-web/apps/wallet/src/data/ethereum/ethereum.ts

Line 310 in 33eda97

const networkNonce = await fetchNetworkNonce(fromAddress, network)

I checked-out to the wallet-notifications branch, did a clean install, then cherry-picked the commit with the command you shared and did a clean install again.

I am using Brave.

jinhojang6 · 2026-04-14T21:20:55Z

For testing notifications: the current code queries anvil directly at http://127.0.0.1:8545.

jinhojang6 · 2026-04-15T07:06:03Z

In brave, I had to manually enable the notifications by toggling "Allow notifications".

Can you please take a look?

jinhojang6 · 2026-04-15T07:37:34Z

I've added a toast to encourage users to enable notifications.
c4bc9df

JulesFiliot

jkbktl · 2026-04-15T19:21:50Z

Super nitpick, definitely not a blocker, I'd make a little bit bigger space between copy and toggle. As it's very close here, it looks a bit weird.

…age key

jinhojang6 · 2026-04-16T14:48:37Z

@jkbktl Great point! Updated it like this

github-project-automation bot added this to Web & User Interfaces Apr 7, 2026

github-project-automation bot moved this to In Progress in Web & User Interfaces Apr 7, 2026

jinhojang6 changed the title ~~Wallet notifications~~ Wallet browser notifications Apr 8, 2026

jinhojang6 changed the title ~~Wallet browser notifications~~ Add browser notifications for wallet transactions Apr 8, 2026

jinhojang6 self-assigned this Apr 8, 2026

jinhojang6 force-pushed the wallet-notifications branch 2 times, most recently from f3fddf0 to f3d5b79 Compare April 8, 2026 15:25

jinhojang6 added 14 commits April 9, 2026 22:46

feat(wallet): add notifications permission to manifest

cb724a7

feat(wallet): add Chrome notifications helper

73085df

fix(wallet): await chrome.notifications.create and fix vi.mock ordering

e4bed24

feat(wallet): add background transaction monitor

1e58673

feat(wallet): register tx-monitor alarm in background service worker

c3e7f74

fix(wallet): cast storage mock through unknown for TypeScript

f1172e4

feat(wallet): notify user when transaction is sent

83989a6

feat(wallet): add settings page with notification toggle

b4a74f3

feat(wallet): add settings navigation and route guard

aad359f

fix(wallet): notify confirmation from popup cleanup hook to handle po…

2a74301

…pup-open case

fix(wallet): notification quality fixes (precision, disable, dedup, e…

1afee5e

…rrors)

chore(wallet): regenerate onboarding route token after settings route…

d0af15f

… added

fix(wallet): update pending transaction handling to use async/await f…

9776c18

…or better error handling

chore: add changeset for browser notifications for wallet transactions

583fff4

jinhojang6 force-pushed the wallet-notifications branch from f3d5b79 to 583fff4 Compare April 9, 2026 13:46

jinhojang6 added 2 commits April 9, 2026 22:49

refactor(wallet): streamline pending transactions handling and improv…

8489c3e

…e notification logic

refactor(wallet): enhance settings page layout and add back navigation

50ec9f0

jinhojang6 marked this pull request as ready for review April 9, 2026 13:52

Copilot AI review requested due to automatic review settings April 9, 2026 13:53

Copilot started reviewing on behalf of jinhojang6 April 9, 2026 13:53 View session

jinhojang6 requested a review from JulesFiliot April 9, 2026 14:34

jkbktl reviewed Apr 13, 2026

View reviewed changes

Comment thread apps/wallet/src/lib/tx-monitor.ts Outdated

Comment thread apps/wallet/src/entrypoints/background.ts Outdated

Comment thread apps/wallet/src/lib/tx-monitor.ts Outdated

jinhojang6 and others added 7 commits April 14, 2026 00:54

fix(wallet): add hasPendingTransactions check before processing pendi…

f0d18bd

…ng transactions

refactor(wallet): optimize pending transactions handling and receipt …

b9e3add

…fetching

refactor(wallet): consolidate transaction hash extraction logic into …

cc88d85

…tx-helpers

refactor(notifications): unify notification creation logic and simpli…

fe50c3a

…fy transaction notifications

feat(wallet): dynamic tx monitor alarm - start on pending, clear when…

69f43be

… settled

test(wallet): remove outdated tx-monitor tests

710a580

Merge branch 'main' into wallet-notifications

33eda97

vercel bot deployed to Preview – status-website April 13, 2026 16:42 View deployment

vercel bot deployed to Preview – status-network-website April 13, 2026 16:43 View deployment

JulesFiliot reviewed Apr 14, 2026

View reviewed changes

Comment thread apps/wallet/src/lib/tx-monitor.ts Outdated

Merge branch 'main' into wallet-notifications

effa64c

vercel bot deployed to Preview – status-api April 14, 2026 21:20 View deployment

vercel bot deployed to Preview – status-network-website April 14, 2026 21:20 View deployment

vercel bot deployed to Preview – status-network-hub April 14, 2026 21:21 View deployment

vercel bot deployed to Preview – status-portfolio April 14, 2026 21:21 View deployment

refactor(tx-monitor): extract interval constant for alarm creation

6a1b96e

jinhojang6 force-pushed the wallet-notifications branch from 31575b4 to 6a1b96e Compare April 14, 2026 21:51

fix: pass network parameter to fetchNetworkNonce in getNonceHex function

1458916

JulesFiliot approved these changes Apr 15, 2026

View reviewed changes

github-project-automation bot moved this from In Progress to Waiting in Web & User Interfaces Apr 15, 2026

feat(notifications): implement notification permission check and stor…

54acb45

…age key

fix(settings): add gap between notification toggle and description

3c0dac0

jinhojang6 force-pushed the wallet-notifications branch from c4bc9df to 3c0dac0 Compare April 16, 2026 14:49

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Add browser notifications for wallet transactions#1095

Add browser notifications for wallet transactions#1095
jinhojang6 wants to merge 29 commits intomainfrom
wallet-notifications

jinhojang6 commented Apr 7, 2026 •

edited

Loading

Uh oh!

vercel bot commented Apr 7, 2026 •

edited

Loading

Uh oh!

changeset-bot bot commented Apr 7, 2026 •

edited

Loading

Uh oh!

status-im-auto commented Apr 7, 2026 •

edited

Loading

Uh oh!

Uh oh!

Uh oh!

Uh oh!

JulesFiliot left a comment

Uh oh!

Uh oh!

jinhojang6 commented Apr 14, 2026 •

edited

Loading

Uh oh!

jinhojang6 commented Apr 15, 2026 •

edited

Loading

Uh oh!

jinhojang6 commented Apr 15, 2026 •

edited

Loading

Uh oh!

JulesFiliot left a comment

Uh oh!

jkbktl commented Apr 15, 2026

Uh oh!

jinhojang6 commented Apr 16, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

Conversation

jinhojang6 commented Apr 7, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Relevant issue

Testing guide

Uh oh!

vercel bot commented Apr 7, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

changeset-bot bot commented Apr 7, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🦋 Changeset detected

Uh oh!

status-im-auto commented Apr 7, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Jenkins Builds

Uh oh!

Uh oh!

Uh oh!

Uh oh!

JulesFiliot left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

jinhojang6 commented Apr 14, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

jinhojang6 commented Apr 15, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

jinhojang6 commented Apr 15, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

JulesFiliot left a comment

Choose a reason for hiding this comment

Uh oh!

jkbktl commented Apr 15, 2026

Uh oh!

jinhojang6 commented Apr 16, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

jinhojang6 commented Apr 7, 2026 •

edited

Loading

vercel bot commented Apr 7, 2026 •

edited

Loading

changeset-bot bot commented Apr 7, 2026 •

edited

Loading

status-im-auto commented Apr 7, 2026 •

edited

Loading

jinhojang6 commented Apr 14, 2026 •

edited

Loading

jinhojang6 commented Apr 15, 2026 •

edited

Loading

jinhojang6 commented Apr 15, 2026 •

edited

Loading