diff options
Diffstat (limited to 'client/app.js')
| -rw-r--r-- | client/app.js | 20 |
1 files changed, 19 insertions, 1 deletions
diff --git a/client/app.js b/client/app.js index ba77be6..cadafef 100644 --- a/client/app.js +++ b/client/app.js @@ -32,6 +32,11 @@ export default class PhashApp extends Component { }) } + submit() { + const { url } = this.state + if (!url || url.indexOf('http') !== 0) return + } + render() { return ( <div className='app'> @@ -52,7 +57,20 @@ export default class PhashApp extends Component { } return ( <div className='query'> - <UploadImage onUpload={this.upload.bind(this)} /> + <label> + <span>Upload image</span> + <UploadImage onUpload={this.upload.bind(this)} /> + </label> + <label> + <span>Enter URL</span> + <input + type='text' + value={this.state.url} + onChange={e => this.setState({ url: e.target.value })} + onKeyDown={e => e.keyCode === 13 && this.submit()} + placeholder='https://' + /> + </label> {image && <div style={style} />} </div> ) |
