STORY
Payment Modal Demo + Wherostr + BOLT FUN Capability!
AUTHOR
RolandRoland
Joined 2022.10.06
PROJECT
Bitcoin ConnectBitcoin Connect
DATE
VOTES
sats
COMMENTS
NOSTR
View on Nostr ↗
TAGS
#webLN#activity#nostr#legends-of-lightning

Payment Modal Demo + Wherostr + BOLT FUN Capability!

**Payment Modal Demo
**Jakub's new payment request UI design is currently being implemented and you can try it out in a replit demo here.

The amazing thing is, to show this dialog you actually only need 2 lines of code:

<Modal/>
<button onClick={() => launchModal({invoice})}>Send 1000 sats</button>

And you get a payment UX will all the possible options (Connect wallet to pay + WebLN payment, Copy invoice, open in wallet, scan QR code) as well as a really clean UI with nice loading states and success animations. This might save developers a day or more to implement a decent one themselves.

This is quite a large feature introducing many new components (QR codes, success animations, invoice decoding, an upgrade to the Bitcoin Connect API, different styles for mobile and more). You can follow along with the status of the pull request here.

**Wherostr integrates Bitcoin Connect
**Wherostr is a Nostr client focused on location. When you make a post you can set a location for that post and browse a map of posts made by nostriches all around the world. It also has standard Nostr client functionality such as zaps, and with Bitcoin Connect you can do 1-tap zaps without needing to install a WebLN-capable browser.

The Bitcoin Connect button can be found easily from the settings page by clicking the hamburger menu on the top left of the app.

New Bitcoin Connect Capability on BOLT FUN

On the bottom right you can now see a "Bitcoin Connect" capability you can add to your project. Here is our reasoning:

  • It is built on open standards (e.g. WebLN, Nostr Wallet Connect) to link lightning wallets with apps.

  • Users can connect any wallet and keep their trusted setup

  • App developers benefit from a single API to support several wallets at the same time.

It cuts down complexity to integrate lightning payments substantially and ensures certain UX standards which is needed to bring more developers and users to lightning.

Thanks Moritz and MTG for adding this!

Until next time,

Roland, Rene and Jakub