React component that scans QR code for wallet address

[anandcsingh]

Create a react component that

• launches the camera
• Allows you to scan a wallet address in the form of a QR Code
• Stores the address in react state
• Displays either the address string or QR Code

eg <ScanAddressCode DisplayAs="QRCode" />

[anandcsingh]

Update custom component QRCodeScanner

The purpose of this component is to be reused around the application to scan addresses and place them in textboxes. Coupling the scan button address and scan into one component to be placed on any page. Accepting an event handler that is invoked when an address is scanned will allow the component to communicate with its parent.

• Accept an event handler OnScan
• Include Scan button
• Include address field
• On scan button click launch popup
• Start scanning
• When scanned close popup
• Set address field to address
• Raise OnScan event that was passed in
• Destroy/end camera scanning

[anandcsingh]

Thanks Keri!