diff options
author | Amine Mouafik <amine@mouafik.fr> | 2019-11-28 04:16:51 +0700 |
---|---|---|
committer | Amine Mouafik <amine@mouafik.fr> | 2019-11-28 04:16:51 +0700 |
commit | 39805a4ea66da43f646e9117771c89b65c544b22 (patch) | |
tree | 37ff0fc82f1febf43c674220afcf40bbbe4a5584 /src/components | |
parent | Upgrade deps with major up requiring no refactor (diff) | |
download | ferdium-app-39805a4ea66da43f646e9117771c89b65c544b22.tar.gz ferdium-app-39805a4ea66da43f646e9117771c89b65c544b22.tar.zst ferdium-app-39805a4ea66da43f646e9117771c89b65c544b22.zip |
Upgrade react-dropzone and review usage breaking changes
Diffstat (limited to 'src/components')
-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> |