diff options
author | mhatvan <markus_hatvan@aon.at> | 2021-06-23 15:57:42 -0600 |
---|---|---|
committer | Vijay Raghavan Aravamudhan <vraravam@users.noreply.github.com> | 2021-06-24 06:57:39 +0530 |
commit | d680f3e0c9ee65844afcb2b6c304bb68f3109fe8 (patch) | |
tree | 727799fe62ed98784665046a599c7530834ef01b | |
parent | New Crowdin updates (#1555) (diff) | |
download | ferdium-app-d680f3e0c9ee65844afcb2b6c304bb68f3109fe8.tar.gz ferdium-app-d680f3e0c9ee65844afcb2b6c304bb68f3109fe8.tar.zst ferdium-app-d680f3e0c9ee65844afcb2b6c304bb68f3109fe8.zip |
Upgrade various dependencies to latest, remove unnecessary electron-hunspell
-rw-r--r-- | package-lock.json | 116 | ||||
-rw-r--r-- | package.json | 9 | ||||
-rw-r--r-- | src/components/ui/ImageUpload.js | 36 |
3 files changed, 67 insertions, 94 deletions
diff --git a/package-lock.json b/package-lock.json index 71afdb31d..54f72f971 100644 --- a/package-lock.json +++ b/package-lock.json | |||
@@ -10985,12 +10985,9 @@ | |||
10985 | "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==" | 10985 | "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==" |
10986 | }, | 10986 | }, |
10987 | "attr-accept": { | 10987 | "attr-accept": { |
10988 | "version": "1.1.3", | 10988 | "version": "2.2.2", |
10989 | "resolved": "https://registry.npmjs.org/attr-accept/-/attr-accept-1.1.3.tgz", | 10989 | "resolved": "https://registry.npmjs.org/attr-accept/-/attr-accept-2.2.2.tgz", |
10990 | "integrity": "sha512-iT40nudw8zmCweivz6j58g+RT33I4KbaIvRUhjNmDwO2WmsQUxFEZZYZ5w3vXe5x5MX9D7mfvA/XaLOZYFR9EQ==", | 10990 | "integrity": "sha512-7prDjvt9HmqiZ0cl5CRjtS84sEyhsHP2coDkaZKRKVfCDo9s7iw7ChVmar78Gu9pC4SoR/28wFu/G5JJhTnqEg==" |
10991 | "requires": { | ||
10992 | "core-js": "^2.5.0" | ||
10993 | } | ||
10994 | }, | 10991 | }, |
10995 | "auto-launch": { | 10992 | "auto-launch": { |
10996 | "version": "5.0.5", | 10993 | "version": "5.0.5", |
@@ -15750,14 +15747,6 @@ | |||
15750 | "resolved": "https://registry.npmjs.org/electron-find/-/electron-find-1.0.6.tgz", | 15747 | "resolved": "https://registry.npmjs.org/electron-find/-/electron-find-1.0.6.tgz", |
15751 | "integrity": "sha512-RenjzlCCzX7edLywLy+qRYvzds11sBv8+SrJu/3l3eVLt9d9uNqCPk+uFZ525uAhSUaUalgZWDlhQdxIgT1khg==" | 15748 | "integrity": "sha512-RenjzlCCzX7edLywLy+qRYvzds11sBv8+SrJu/3l3eVLt9d9uNqCPk+uFZ525uAhSUaUalgZWDlhQdxIgT1khg==" |
15752 | }, | 15749 | }, |
15753 | "electron-hunspell": { | ||
15754 | "version": "1.1.2", | ||
15755 | "resolved": "https://registry.npmjs.org/electron-hunspell/-/electron-hunspell-1.1.2.tgz", | ||
15756 | "integrity": "sha512-Wrue7/aOlOEabhMm4GQSfvGADKHzCDkuYIEOINSEwMjHrvwTj7e1gI1kIO5wc+JdSL1uhFjwROfrqiLmnxqIKg==", | ||
15757 | "requires": { | ||
15758 | "hunspell-asm": "^4.0.2" | ||
15759 | } | ||
15760 | }, | ||
15761 | "electron-notarize": { | 15750 | "electron-notarize": { |
15762 | "version": "1.0.0", | 15751 | "version": "1.0.0", |
15763 | "resolved": "https://registry.npmjs.org/electron-notarize/-/electron-notarize-1.0.0.tgz", | 15752 | "resolved": "https://registry.npmjs.org/electron-notarize/-/electron-notarize-1.0.0.tgz", |
@@ -16575,16 +16564,6 @@ | |||
16575 | "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=", | 16564 | "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=", |
16576 | "dev": true | 16565 | "dev": true |
16577 | }, | 16566 | }, |
16578 | "emscripten-wasm-loader": { | ||
16579 | "version": "3.0.3", | ||
16580 | "resolved": "https://registry.npmjs.org/emscripten-wasm-loader/-/emscripten-wasm-loader-3.0.3.tgz", | ||
16581 | "integrity": "sha512-fyq2maBt5LOou27LEBlL5H6G04BxgSamXkvmMsAuIT6rd8ioH4BxNQhuyl6jVPeODh6U8Wk1BoFZxzHpg3o8wA==", | ||
16582 | "requires": { | ||
16583 | "getroot": "^1.0.0", | ||
16584 | "nanoid": "^2.0.3", | ||
16585 | "unixify": "^1.0.0" | ||
16586 | } | ||
16587 | }, | ||
16588 | "enabled": { | 16567 | "enabled": { |
16589 | "version": "1.0.2", | 16568 | "version": "1.0.2", |
16590 | "resolved": "https://registry.npmjs.org/enabled/-/enabled-1.0.2.tgz", | 16569 | "resolved": "https://registry.npmjs.org/enabled/-/enabled-1.0.2.tgz", |
@@ -18224,6 +18203,21 @@ | |||
18224 | "flat-cache": "^2.0.1" | 18203 | "flat-cache": "^2.0.1" |
18225 | } | 18204 | } |
18226 | }, | 18205 | }, |
18206 | "file-selector": { | ||
18207 | "version": "0.2.4", | ||
18208 | "resolved": "https://registry.npmjs.org/file-selector/-/file-selector-0.2.4.tgz", | ||
18209 | "integrity": "sha512-ZDsQNbrv6qRi1YTDOEWzf5J2KjZ9KMI1Q2SGeTkCJmNNW25Jg4TW4UMcmoqcg4WrAyKRcpBXdbWRxkfrOzVRbA==", | ||
18210 | "requires": { | ||
18211 | "tslib": "^2.0.3" | ||
18212 | }, | ||
18213 | "dependencies": { | ||
18214 | "tslib": { | ||
18215 | "version": "2.3.0", | ||
18216 | "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz", | ||
18217 | "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==" | ||
18218 | } | ||
18219 | } | ||
18220 | }, | ||
18227 | "file-uri-to-path": { | 18221 | "file-uri-to-path": { |
18228 | "version": "1.0.0", | 18222 | "version": "1.0.0", |
18229 | "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz", | 18223 | "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz", |
@@ -19672,14 +19666,6 @@ | |||
19672 | "assert-plus": "^1.0.0" | 19666 | "assert-plus": "^1.0.0" |
19673 | } | 19667 | } |
19674 | }, | 19668 | }, |
19675 | "getroot": { | ||
19676 | "version": "1.0.0", | ||
19677 | "resolved": "https://registry.npmjs.org/getroot/-/getroot-1.0.0.tgz", | ||
19678 | "integrity": "sha512-W9Q31kOv921dQuZBeAbK4R/dAPbC0WkhZD3alLcdVwjSkEtS1aX8twrzG3I5yo0sQ88M/d4JOqVbRiCuI/XPNA==", | ||
19679 | "requires": { | ||
19680 | "tslib": "^1.7.1" | ||
19681 | } | ||
19682 | }, | ||
19683 | "git-raw-commits": { | 19669 | "git-raw-commits": { |
19684 | "version": "2.0.10", | 19670 | "version": "2.0.10", |
19685 | "resolved": "https://registry.npmjs.org/git-raw-commits/-/git-raw-commits-2.0.10.tgz", | 19671 | "resolved": "https://registry.npmjs.org/git-raw-commits/-/git-raw-commits-2.0.10.tgz", |
@@ -22280,15 +22266,6 @@ | |||
22280 | "ms": "^2.0.0" | 22266 | "ms": "^2.0.0" |
22281 | } | 22267 | } |
22282 | }, | 22268 | }, |
22283 | "hunspell-asm": { | ||
22284 | "version": "4.0.2", | ||
22285 | "resolved": "https://registry.npmjs.org/hunspell-asm/-/hunspell-asm-4.0.2.tgz", | ||
22286 | "integrity": "sha512-u3ZuEYKGYnLZlIs+k5S+KdY+Q57mYD46fTwZJCiSXdES+fhxcLNF5mJ0nxjqrPAgE/8Kow6XLxRdRd/HDUPQZg==", | ||
22287 | "requires": { | ||
22288 | "emscripten-wasm-loader": "^3.0.3", | ||
22289 | "nanoid": "^2.1.5" | ||
22290 | } | ||
22291 | }, | ||
22292 | "husky": { | 22269 | "husky": { |
22293 | "version": "6.0.0", | 22270 | "version": "6.0.0", |
22294 | "resolved": "https://registry.npmjs.org/husky/-/husky-6.0.0.tgz", | 22271 | "resolved": "https://registry.npmjs.org/husky/-/husky-6.0.0.tgz", |
@@ -28226,11 +28203,6 @@ | |||
28226 | "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.2.tgz", | 28203 | "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.2.tgz", |
28227 | "integrity": "sha512-M2ufzIiINKCuDfBSAUr1vWQ+vuVcA9kqx8JJUsbQi6yf1uGRyb7HfpdfUr5qLXf3B/t8dPvcjhKMmlfnP47EzQ==" | 28204 | "integrity": "sha512-M2ufzIiINKCuDfBSAUr1vWQ+vuVcA9kqx8JJUsbQi6yf1uGRyb7HfpdfUr5qLXf3B/t8dPvcjhKMmlfnP47EzQ==" |
28228 | }, | 28205 | }, |
28229 | "nanoid": { | ||
28230 | "version": "2.1.11", | ||
28231 | "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-2.1.11.tgz", | ||
28232 | "integrity": "sha512-s/snB+WGm6uwi0WjsZdaVcuf3KJXlfGl2LcxgwkEwJF0D/BWzVWAZW/XY4bFaiR7s0Jk3FPvlnepg1H1b1UwlA==" | ||
28233 | }, | ||
28234 | "nanomatch": { | 28206 | "nanomatch": { |
28235 | "version": "1.2.13", | 28207 | "version": "1.2.13", |
28236 | "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz", | 28208 | "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz", |
@@ -29199,6 +29171,7 @@ | |||
29199 | "version": "2.1.1", | 29171 | "version": "2.1.1", |
29200 | "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", | 29172 | "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", |
29201 | "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=", | 29173 | "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=", |
29174 | "dev": true, | ||
29202 | "requires": { | 29175 | "requires": { |
29203 | "remove-trailing-separator": "^1.0.1" | 29176 | "remove-trailing-separator": "^1.0.1" |
29204 | } | 29177 | } |
@@ -32038,9 +32011,9 @@ | |||
32038 | } | 32011 | } |
32039 | }, | 32012 | }, |
32040 | "react-confetti": { | 32013 | "react-confetti": { |
32041 | "version": "3.1.0", | 32014 | "version": "6.0.1", |
32042 | "resolved": "https://registry.npmjs.org/react-confetti/-/react-confetti-3.1.0.tgz", | 32015 | "resolved": "https://registry.npmjs.org/react-confetti/-/react-confetti-6.0.1.tgz", |
32043 | "integrity": "sha512-T1DKt09C9rrf2BJ0OxFu8saPohFalOJfOgci11/ePz6DxbY+0cd/3CMimxj/ZITl7jQWnmC/bNWBgGheke3WZQ==", | 32016 | "integrity": "sha512-ZpOTBrqSNhWE4rRXCZ6E6U+wGd7iYHF5MGrqwikoiBpgBq9Akdu0DcLW+FdFnLjyZYC+VfAiV2KeFgYRMyMrkA==", |
32044 | "requires": { | 32017 | "requires": { |
32045 | "tween-functions": "^1.2.0" | 32018 | "tween-functions": "^1.2.0" |
32046 | } | 32019 | } |
@@ -32057,12 +32030,13 @@ | |||
32057 | } | 32030 | } |
32058 | }, | 32031 | }, |
32059 | "react-dropzone": { | 32032 | "react-dropzone": { |
32060 | "version": "7.0.1", | 32033 | "version": "11.3.2", |
32061 | "resolved": "https://registry.npmjs.org/react-dropzone/-/react-dropzone-7.0.1.tgz", | 32034 | "resolved": "https://registry.npmjs.org/react-dropzone/-/react-dropzone-11.3.2.tgz", |
32062 | "integrity": "sha512-J4rbzhFZPVW7k7K9CVb0OcwSOJGLWa0y+0rvtB4rBLVkvq0agH/o3kPJ0DCkd6ZVzL2K1NFqIOvtQkwQKpmJBA==", | 32035 | "integrity": "sha512-Z0l/YHcrNK1r85o6RT77Z5XgTARmlZZGfEKBl3tqTXL9fZNQDuIdRx/J0QjvR60X+yYu26dnHeaG2pWU+1HHvw==", |
32063 | "requires": { | 32036 | "requires": { |
32064 | "attr-accept": "^1.1.3", | 32037 | "attr-accept": "^2.2.1", |
32065 | "prop-types": "^15.6.2" | 32038 | "file-selector": "^0.2.2", |
32039 | "prop-types": "^15.7.2" | ||
32066 | } | 32040 | } |
32067 | }, | 32041 | }, |
32068 | "react-electron-web-view": { | 32042 | "react-electron-web-view": { |
@@ -32203,9 +32177,9 @@ | |||
32203 | } | 32177 | } |
32204 | }, | 32178 | }, |
32205 | "react-sortable-hoc": { | 32179 | "react-sortable-hoc": { |
32206 | "version": "1.10.1", | 32180 | "version": "2.0.0", |
32207 | "resolved": "https://registry.npmjs.org/react-sortable-hoc/-/react-sortable-hoc-1.10.1.tgz", | 32181 | "resolved": "https://registry.npmjs.org/react-sortable-hoc/-/react-sortable-hoc-2.0.0.tgz", |
32208 | "integrity": "sha512-eVyv5rrK6qY9bG60bboRY78In7OpdRRg+hxp4QMLIjC/UJaFSU7exTYd0764GtXvBqh+b+faYGzren5/ffRYKw==", | 32182 | "integrity": "sha512-JZUw7hBsAHXK7PTyErJyI7SopSBFRcFHDjWW5SWjcugY0i6iH7f+eJkY8cJmGMlZ1C9xz1J3Vjz0plFpavVeRg==", |
32209 | "requires": { | 32183 | "requires": { |
32210 | "@babel/runtime": "^7.2.0", | 32184 | "@babel/runtime": "^7.2.0", |
32211 | "invariant": "^2.2.4", | 32185 | "invariant": "^2.2.4", |
@@ -32213,12 +32187,19 @@ | |||
32213 | } | 32187 | } |
32214 | }, | 32188 | }, |
32215 | "react-tooltip": { | 32189 | "react-tooltip": { |
32216 | "version": "3.11.1", | 32190 | "version": "4.2.21", |
32217 | "resolved": "https://registry.npmjs.org/react-tooltip/-/react-tooltip-3.11.1.tgz", | 32191 | "resolved": "https://registry.npmjs.org/react-tooltip/-/react-tooltip-4.2.21.tgz", |
32218 | "integrity": "sha512-YCMVlEC2KuHIzOQhPplTK5jmBBwoL+PYJJdJKXj7M/h7oevupd/QSVq6z5U7/ehIGXyHsAqvwpdxexDfyQ0o3A==", | 32192 | "integrity": "sha512-zSLprMymBDowknr0KVDiJ05IjZn9mQhhg4PRsqln0OZtURAJ1snt1xi5daZfagsh6vfsziZrc9pErPTDY1ACig==", |
32219 | "requires": { | 32193 | "requires": { |
32220 | "classnames": "^2.2.5", | 32194 | "prop-types": "^15.7.2", |
32221 | "prop-types": "^15.6.0" | 32195 | "uuid": "^7.0.3" |
32196 | }, | ||
32197 | "dependencies": { | ||
32198 | "uuid": { | ||
32199 | "version": "7.0.3", | ||
32200 | "resolved": "https://registry.npmjs.org/uuid/-/uuid-7.0.3.tgz", | ||
32201 | "integrity": "sha512-DPSke0pXhTZgoF/d+WSt2QaKMCFSfx7QegxEWT+JOuHF5aWrKEn0G+ztjuJg/gG8/ItK+rbPCD/yNv8yyih6Cg==" | ||
32202 | } | ||
32222 | } | 32203 | } |
32223 | }, | 32204 | }, |
32224 | "react-transition-group": { | 32205 | "react-transition-group": { |
@@ -32827,7 +32808,8 @@ | |||
32827 | "remove-trailing-separator": { | 32808 | "remove-trailing-separator": { |
32828 | "version": "1.1.0", | 32809 | "version": "1.1.0", |
32829 | "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz", | 32810 | "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz", |
32830 | "integrity": "sha1-wkvOKig62tW8P1jg1IJJuSN52O8=" | 32811 | "integrity": "sha1-wkvOKig62tW8P1jg1IJJuSN52O8=", |
32812 | "dev": true | ||
32831 | }, | 32813 | }, |
32832 | "renderkid": { | 32814 | "renderkid": { |
32833 | "version": "2.0.5", | 32815 | "version": "2.0.5", |
@@ -36129,14 +36111,6 @@ | |||
36129 | "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", | 36111 | "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", |
36130 | "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==" | 36112 | "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==" |
36131 | }, | 36113 | }, |
36132 | "unixify": { | ||
36133 | "version": "1.0.0", | ||
36134 | "resolved": "https://registry.npmjs.org/unixify/-/unixify-1.0.0.tgz", | ||
36135 | "integrity": "sha1-OmQcjC/7zk2mg6XHDwOkYpQMIJA=", | ||
36136 | "requires": { | ||
36137 | "normalize-path": "^2.1.1" | ||
36138 | } | ||
36139 | }, | ||
36140 | "unpipe": { | 36114 | "unpipe": { |
36141 | "version": "1.0.0", | 36115 | "version": "1.0.0", |
36142 | "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", | 36116 | "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", |
diff --git a/package.json b/package.json index b15806b7f..d17f409c0 100644 --- a/package.json +++ b/package.json | |||
@@ -81,7 +81,6 @@ | |||
81 | "electron-dl": "3.2.1", | 81 | "electron-dl": "3.2.1", |
82 | "electron-fetch": "1.7.3", | 82 | "electron-fetch": "1.7.3", |
83 | "electron-find": "1.0.6", | 83 | "electron-find": "1.0.6", |
84 | "electron-hunspell": "1.1.2", | ||
85 | "electron-react-titlebar": "0.8.2", | 84 | "electron-react-titlebar": "0.8.2", |
86 | "electron-updater": "4.3.9", | 85 | "electron-updater": "4.3.9", |
87 | "electron-util": "0.16.0", | 86 | "electron-util": "0.16.0", |
@@ -112,17 +111,17 @@ | |||
112 | "prop-types": "^15.5.10", | 111 | "prop-types": "^15.5.10", |
113 | "react": "16.14.0", | 112 | "react": "16.14.0", |
114 | "react-addons-css-transition-group": "15.6.2", | 113 | "react-addons-css-transition-group": "15.6.2", |
115 | "react-confetti": "3.1.0", | 114 | "react-confetti": "6.0.1", |
116 | "react-dom": "^16.14.0", | 115 | "react-dom": "^16.14.0", |
117 | "react-dropzone": "7.0.1", | 116 | "react-dropzone": "11.3.2", |
118 | "react-electron-web-view": "^2.0.1", | 117 | "react-electron-web-view": "^2.0.1", |
119 | "react-intl": "2.7.2", | 118 | "react-intl": "2.7.2", |
120 | "react-jss": "8.6.1", | 119 | "react-jss": "8.6.1", |
121 | "react-loader": "2.4.7", | 120 | "react-loader": "2.4.7", |
122 | "react-modal": "3.11.1", | 121 | "react-modal": "3.11.1", |
123 | "react-router": "3.2.6", | 122 | "react-router": "3.2.6", |
124 | "react-sortable-hoc": "1.10.1", | 123 | "react-sortable-hoc": "2.0.0", |
125 | "react-tooltip": "3.11.1", | 124 | "react-tooltip": "4.2.21", |
126 | "route-parser": "^0.0.5", | 125 | "route-parser": "^0.0.5", |
127 | "semver": "7.3.5", | 126 | "semver": "7.3.5", |
128 | "smoothscroll-polyfill": "0.4.4", | 127 | "smoothscroll-polyfill": "0.4.4", |
diff --git a/src/components/ui/ImageUpload.js b/src/components/ui/ImageUpload.js index e0b608b96..e831eb47b 100644 --- a/src/components/ui/ImageUpload.js +++ b/src/components/ui/ImageUpload.js | |||
@@ -21,7 +21,7 @@ export default @observer class ImageUpload extends Component { | |||
21 | 21 | ||
22 | state = { | 22 | state = { |
23 | path: null, | 23 | path: null, |
24 | } | 24 | }; |
25 | 25 | ||
26 | dropzoneRef = null; | 26 | dropzoneRef = null; |
27 | 27 | ||
@@ -40,11 +40,7 @@ export default @observer class ImageUpload extends Component { | |||
40 | 40 | ||
41 | render() { | 41 | render() { |
42 | const { | 42 | const { |
43 | field, | 43 | field, className, multiple, textDelete, textUpload, |
44 | className, | ||
45 | multiple, | ||
46 | textDelete, | ||
47 | textUpload, | ||
48 | } = this.props; | 44 | } = this.props; |
49 | 45 | ||
50 | const cssClasses = classnames({ | 46 | const cssClasses = classnames({ |
@@ -54,15 +50,17 @@ export default @observer class ImageUpload extends Component { | |||
54 | 50 | ||
55 | return ( | 51 | return ( |
56 | <div className="image-upload-wrapper"> | 52 | <div className="image-upload-wrapper"> |
57 | <label className="franz-form__label" htmlFor="iconUpload">{field.label}</label> | 53 | <label className="franz-form__label" htmlFor="iconUpload"> |
54 | {field.label} | ||
55 | </label> | ||
58 | <div className="image-upload"> | 56 | <div className="image-upload"> |
59 | {(field.value && field.value !== 'delete') || this.state.path ? ( | 57 | {(field.value && field.value !== 'delete') || this.state.path ? ( |
60 | <Fragment> | 58 | <Fragment> |
61 | <div | 59 | <div |
62 | className="image-upload__preview" | 60 | className="image-upload__preview" |
63 | style={({ | 61 | style={{ |
64 | backgroundImage: `url("${this.state.path || field.value}")`, | 62 | backgroundImage: `url("${this.state.path || field.value}")`, |
65 | })} | 63 | }} |
66 | /> | 64 | /> |
67 | <div className="image-upload__action"> | 65 | <div className="image-upload__action"> |
68 | <button | 66 | <button |
@@ -78,25 +76,27 @@ export default @observer class ImageUpload extends Component { | |||
78 | }} | 76 | }} |
79 | > | 77 | > |
80 | <i className="mdi mdi-delete" /> | 78 | <i className="mdi mdi-delete" /> |
81 | <p> | 79 | <p>{textDelete}</p> |
82 | {textDelete} | ||
83 | </p> | ||
84 | </button> | 80 | </button> |
85 | <div className="image-upload__action-background" /> | 81 | <div className="image-upload__action-background" /> |
86 | </div> | 82 | </div> |
87 | </Fragment> | 83 | </Fragment> |
88 | ) : ( | 84 | ) : ( |
89 | <Dropzone | 85 | <Dropzone |
90 | ref={(node) => { this.dropzoneRef = node; }} | 86 | ref={(node) => { |
87 | this.dropzoneRef = node; | ||
88 | }} | ||
91 | onDrop={this.onDrop.bind(this)} | 89 | onDrop={this.onDrop.bind(this)} |
92 | className={cssClasses} | ||
93 | multiple={multiple} | 90 | multiple={multiple} |
94 | accept="image/jpeg, image/png, image/svg+xml" | 91 | accept="image/jpeg, image/png, image/svg+xml" |
95 | > | 92 | > |
96 | <i className="mdi mdi-file-image" /> | 93 | {({ getRootProps, getInputProps }) => ( |
97 | <p> | 94 | <div {...getRootProps()} className={cssClasses}> |
98 | {textUpload} | 95 | <i className="mdi mdi-file-image" /> |
99 | </p> | 96 | <p>{textUpload}</p> |
97 | <input {...getInputProps()} /> | ||
98 | </div> | ||
99 | )} | ||
100 | </Dropzone> | 100 | </Dropzone> |
101 | )} | 101 | )} |
102 | </div> | 102 | </div> |