feat: pendingTransactions with links

[vnmtvlv]

Issues

Adds links to pending transactions.
Store pending transactions in localStorage with some TTL and waitForTransaction on page refresh.

Fixes #3141

Changes

1. Extended useTxStatus() composable
2. Added txs with links to TheNavbar.vue
3. Migrated from pendingCount to createPendingTransaction, updatePendingTransaction, removePendingTransaction

How to test

1. Try to create delegate transactions or with safeSnap plugin

To-Do

• Get transaction ids for safeSnap plugin

Self-review checklist

• I have performed a full self-review of my changes
• I have tested my changes on a preview deployment
• I have tested my changes on a custom domain
• I have run end-to-end tests yarn cypress:test:e2e, and they have passed

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
snapshot	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 28, 2023 1:30pm

[samuveth]

@j0hnfl0w any blockers with this PR?

[samuveth]

@bonustrack do you approve this design?

Single transaction:

Multiple transaction:

Maybe instead of showing multiple IDs we should show a button "View transactions" that opens a modal with a list of pending and complete transactions

[vnmtvlv]

yep maybe we can do modal like in sx-ui

but i am not sure about all completed transactions

[vnmtvlv]

or maybe pending transactions can live here

[bonustrack]

The text in grey with blue background doesn't work well, I'd rather make it white, or use a modal. The modal would give much more space.

[vnmtvlv]

@samuveth @bonustrack wdyt?

[bonustrack]

I think we dont need the "Show more" button, we can just make the pending banner clickable and keep same height than before

[ChaituVR]

Unless they hover. How can someone assume the banner is clickable? I think maybe we should add some icon that suggests the banner is clickable or show "pending transactions" as a link

[samuveth]

Agree, there should be some indicator that transactions are viewable

[samuveth]

tACK

[samuveth]

Nice work @j0hnfl0w