DePayFi / widgets

💸 Payments directly into your wallet. DePay simplifies and improves Web3 Payments with the power of DeFi. Accept any token with on-the-fly conversion and state-of-the-art widgets.
https://depay.com
MIT License
96 stars 36 forks source link

[nfthack] Pay with NFTs #7

Closed moaazsidat closed 2 years ago

moaazsidat commented 3 years ago

Work in progress for NFTHack.

Current sets up a basic widget that renders a react component that calls OpenSea /assets given the sender's address. Right now, not doing anything with the response, but the goal would be to render metadata in a scrollable list to allow the user to select it.

The updates to development.html aren't super precise, just copy-pasted the Payment section. Will need to flesh out further what the interaction needs to feel like. One idea is Pay with NFT button that opens a scrollable view that lets you select a valid NFT.

Todo:

Expected behaviour (2021-03-19 10:40 PM Eastern)

Clicking Pay with NFT opens up a dialogue (which doesn't render anything useful), but console logs assets under the sender address:

Screen Shot 2021-03-19 at 10 32 25 PM

Screen Shot 2021-03-19 at 10 32 55 PM