rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: trigger the onChange event of qr code uploading input when clicking on the button (#1421)

Browse Source
This commit is contained in:
Vardan Hakobyan
2022-08-22 13:22:22 +04:00
committed by GitHub
parent e7acbd7de8
commit 2a976a0de4
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/components/src/Packages/Editors/org.standardnotes.token-vault/app/components/QRCodeReader.jsx
View File

@@ -28,6 +28,12 @@ const convertToGrayScale = (imageData) => {
} }
export default class QRCodeReader extends React.Component { export default class QRCodeReader extends React.Component {
constructor() {
super()
this.fileInputRef = React.createRef(null)
}
onImageSelected = (evt) => { onImageSelected = (evt) => {
const file = evt.target.files[0] const file = evt.target.files[0]
const url = URL.createObjectURL(file) const url = URL.createObjectURL(file)
@@ -70,9 +76,9 @@ export default class QRCodeReader extends React.Component {
render() { render() {
return ( return (
<div className="qr-code-reader-container"> <div className="qr-code-reader-container">
<div className="sk-button info"> <div className="sk-button info" onClick={() => this.fileInputRef.current.click()}>
<div className="sk-label">Upload QR Code</div> <div className="sk-label">Upload QR Code</div>
<input type="file" style={{ display: 'none' }} onChange={this.onImageSelected} /> <input type="file" style={{ display: 'none' }} ref={this.fileInputRef} onChange={this.onImageSelected} />
</div> </div>
</div> </div>
) )