From ec964ceea415fddc798c51e29ead63d256eb8348 Mon Sep 17 00:00:00 2001
From: muerwre <gotham48@gmail.com>
Date: Thu, 8 Aug 2019 18:43:19 +0700
Subject: [PATCH] upload button plus

---
 src/components/editors/ImageUploadButton/index.tsx   |  4 ++++
 src/components/editors/ImageUploadButton/styles.scss | 11 +++++++++++
 2 files changed, 15 insertions(+)

diff --git a/src/components/editors/ImageUploadButton/index.tsx b/src/components/editors/ImageUploadButton/index.tsx
index d5b8d402..1f4bfe68 100644
--- a/src/components/editors/ImageUploadButton/index.tsx
+++ b/src/components/editors/ImageUploadButton/index.tsx
@@ -1,5 +1,6 @@
 import React, { FC, ChangeEventHandler } from 'react';
 import * as styles from './styles.scss';
+import { Icon } from '~/components/input/Icon';
 
 interface IProps {
   onUpload?: ChangeEventHandler<HTMLInputElement>;
@@ -10,6 +11,9 @@ const ImageUploadButton: FC<IProps> = ({
 }) => (
     <div className={styles.wrap}>
       <input type="file" onChange={onUpload} />
+      <div className={styles.icon}>
+        <Icon size={32} icon="plus" />
+      </div>
     </div>
   )
 
diff --git a/src/components/editors/ImageUploadButton/styles.scss b/src/components/editors/ImageUploadButton/styles.scss
index db71498a..db7ae1aa 100644
--- a/src/components/editors/ImageUploadButton/styles.scss
+++ b/src/components/editors/ImageUploadButton/styles.scss
@@ -24,4 +24,15 @@
     z-index: 1;
     cursor: pointer;
   }
+}
+
+.icon {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
\ No newline at end of file