diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/components/ui/ImageUpload.js | 12 |
1 files changed, 7 insertions, 5 deletions
diff --git a/src/components/ui/ImageUpload.js b/src/components/ui/ImageUpload.js index 83a05554b..636d4fae3 100644 --- a/src/components/ui/ImageUpload.js +++ b/src/components/ui/ImageUpload.js | |||
@@ -89,14 +89,16 @@ export default @observer class ImageUpload extends Component { | |||
89 | <Dropzone | 89 | <Dropzone |
90 | ref={(node) => { this.dropzoneRef = node; }} | 90 | ref={(node) => { this.dropzoneRef = node; }} |
91 | onDrop={this.onDrop.bind(this)} | 91 | onDrop={this.onDrop.bind(this)} |
92 | className={cssClasses} | ||
93 | multiple={multiple} | 92 | multiple={multiple} |
94 | accept="image/jpeg, image/png" | 93 | accept="image/jpeg, image/png" |
95 | > | 94 | > |
96 | <i className="mdi mdi-file-image" /> | 95 | {({ getRootProps, getInputProps }) => ( |
97 | <p> | 96 | <div {...getRootProps()} className={cssClasses}> |
98 | {textUpload} | 97 | <i className="mdi mdi-file-image" /> |
99 | </p> | 98 | <p>{textUpload}</p> |
99 | <input {...getInputProps()} /> | ||
100 | </div> | ||
101 | )} | ||
100 | </Dropzone> | 102 | </Dropzone> |
101 | )} | 103 | )} |
102 | </div> | 104 | </div> |