Simple React Project (grab value from url and insert into React form)

Job ID: 32967659

Budget: $10 – $30 USD

Please take a look at the demo on the following page:

https://solana-labs.github.io/solana-pay/app?recipient=GvHeR432g7MjN9uKyX3Dzg66TqwrEWgANLnnFZXMeyyj&label=MyTest&amount=3.50

Notice that the "Total" field is empty (the $3.50 amount is not displayed). Clicking on the numerical keypad populates the "Total" field.

I'd like for you to grab the "amount" from the url and pre-populate the "Total" field so that the $3.50 (or whatever value I decide to assign to amount) is displayed in the "Total" field when the url/page is initially loaded/rendered.

The source code for the demo basically consists of React, Web3js, and Typescript and can be downloaded at the following github repo:

https://github.com/solana-labs/solana-pay/tree/master/point-of-sale

Please make the appropriate modifications. You could read the "amount" query param from React Router and populate the state of the "Total" field. Or another way if easier. Do not repost or fork your solution back to github as this is a private project.

We are looking for a long-term relationship and have several other projects in the pipeline.
Related categories: React.js Typescript Web3.js