storing urls in database

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>
     )