diff options
Diffstat (limited to 'src/components/ui/ImageUpload.tsx')
-rw-r--r-- | src/components/ui/ImageUpload.tsx | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/src/components/ui/ImageUpload.tsx b/src/components/ui/ImageUpload.tsx index 4b25be502..118e6b206 100644 --- a/src/components/ui/ImageUpload.tsx +++ b/src/components/ui/ImageUpload.tsx | |||
@@ -3,7 +3,9 @@ import { observer } from 'mobx-react'; | |||
3 | import { Field } from 'mobx-react-form'; | 3 | import { Field } from 'mobx-react-form'; |
4 | import classnames from 'classnames'; | 4 | import classnames from 'classnames'; |
5 | import Dropzone, { DropzoneRef } from 'react-dropzone'; | 5 | import Dropzone, { DropzoneRef } from 'react-dropzone'; |
6 | import { mdiDelete, mdiFileImage } from '@mdi/js'; | ||
6 | import { isWindows } from '../../environment'; | 7 | import { isWindows } from '../../environment'; |
8 | import { Icon } from './icon'; | ||
7 | 9 | ||
8 | type Props = { | 10 | type Props = { |
9 | field: typeof Field; | 11 | field: typeof Field; |
@@ -75,7 +77,7 @@ class ImageUpload extends Component<Props> { | |||
75 | } | 77 | } |
76 | }} | 78 | }} |
77 | > | 79 | > |
78 | <i className="mdi mdi-delete" /> | 80 | <Icon icon={mdiDelete} /> |
79 | <p>{textDelete}</p> | 81 | <p>{textDelete}</p> |
80 | </button> | 82 | </button> |
81 | <div className="image-upload__action-background" /> | 83 | <div className="image-upload__action-background" /> |
@@ -92,7 +94,7 @@ class ImageUpload extends Component<Props> { | |||
92 | > | 94 | > |
93 | {({ getRootProps, getInputProps }) => ( | 95 | {({ getRootProps, getInputProps }) => ( |
94 | <div {...getRootProps()} className={cssClasses}> | 96 | <div {...getRootProps()} className={cssClasses}> |
95 | <i className="mdi mdi-file-image" /> | 97 | <Icon icon={mdiFileImage} /> |
96 | <p>{textUpload}</p> | 98 | <p>{textUpload}</p> |
97 | <input {...getInputProps()} /> | 99 | <input {...getInputProps()} /> |
98 | </div> | 100 | </div> |