From 340c223a510a5452e51cad8e31871e95883507db Mon Sep 17 00:00:00 2001
From: Barry Gitarts <bgitarts@gmail.com>
Date: Mon, 22 Jul 2019 15:47:00 -0400
Subject: [PATCH] add avatar icon

add avatar input replace old style
---
 src/components/base/icons/AddPerson.jsx   |  9 +++++
 src/components/base/icons/AddPerson.svg   |  3 ++
 src/components/base/icons/IconByName.jsx  |  3 ++
 src/components/projects/CreateProject.jsx | 44 ++++++++++-------------
 4 files changed, 33 insertions(+), 26 deletions(-)
 create mode 100644 src/components/base/icons/AddPerson.jsx
 create mode 100644 src/components/base/icons/AddPerson.svg

diff --git a/src/components/base/icons/AddPerson.jsx b/src/components/base/icons/AddPerson.jsx
new file mode 100644
index 0000000..b5d60f6
--- /dev/null
+++ b/src/components/base/icons/AddPerson.jsx
@@ -0,0 +1,9 @@
+import React from 'react'
+
+const SVG = () =>
+  <svg width="14" height="19" viewBox="0 0 14 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fillRule="evenodd" clipRule="evenodd" d="M7 2C5.34315 2 4 3.34315 4 5C4 6.65685 5.34315 8 7 8C8.65685 8 10 6.65685 10 5C10 3.34315 8.65685 2 7 2ZM2 5C2 2.23858 4.23858 0 7 0C9.76142 0 12 2.23858 12 5C12 7.76142 9.76142 10 7 10C4.23858 10 2 7.76142 2 5ZM4 14C2.89543 14 2 14.8954 2 16V18C2 18.5523 1.55228 19 1 19C0.447715 19 0 18.5523 0 18V16C0 13.7909 1.79086 12 4 12H10C12.2091 12 14 13.7909 14 16V18C14 18.5523 13.5523 19 13 19C12.4477 19 12 18.5523 12 18V16C12 14.8954 11.1046 14 10 14H4Z" fill="#939BA1"/>
+  </svg>
+
+
+export default SVG
diff --git a/src/components/base/icons/AddPerson.svg b/src/components/base/icons/AddPerson.svg
new file mode 100644
index 0000000..2ec956c
--- /dev/null
+++ b/src/components/base/icons/AddPerson.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="19" viewBox="0 0 14 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 2C5.34315 2 4 3.34315 4 5C4 6.65685 5.34315 8 7 8C8.65685 8 10 6.65685 10 5C10 3.34315 8.65685 2 7 2ZM2 5C2 2.23858 4.23858 0 7 0C9.76142 0 12 2.23858 12 5C12 7.76142 9.76142 10 7 10C4.23858 10 2 7.76142 2 5ZM4 14C2.89543 14 2 14.8954 2 16V18C2 18.5523 1.55228 19 1 19C0.447715 19 0 18.5523 0 18V16C0 13.7909 1.79086 12 4 12H10C12.2091 12 14 13.7909 14 16V18C14 18.5523 13.5523 19 13 19C12.4477 19 12 18.5523 12 18V16C12 14.8954 11.1046 14 10 14H4Z" fill="black"/>
+</svg>
diff --git a/src/components/base/icons/IconByName.jsx b/src/components/base/icons/IconByName.jsx
index afd0be2..e7cedfd 100644
--- a/src/components/base/icons/IconByName.jsx
+++ b/src/components/base/icons/IconByName.jsx
@@ -2,11 +2,14 @@ import React from 'react'
 import OneOnOneChat from './OneOnOneChat'
 import BoxArrow from './BoxArrow'
 import Photo from './Photo'
+import AddPerson from './AddPerson'
 
+const ADD_PERSON = 'addPerson'
 const ONE_ON_ONE_CHAT = 'oneOnOneChat'
 const BOX_ARROW = 'boxArrow'
 const PHOTO = 'photo'
 const icons = {
+  [ADD_PERSON]: AddPerson,
   [ONE_ON_ONE_CHAT]: OneOnOneChat,
   [BOX_ARROW]: BoxArrow,
   [PHOTO]: Photo
diff --git a/src/components/projects/CreateProject.jsx b/src/components/projects/CreateProject.jsx
index 3c9a78b..0d6c596 100644
--- a/src/components/projects/CreateProject.jsx
+++ b/src/components/projects/CreateProject.jsx
@@ -3,12 +3,10 @@ import { Formik } from 'formik'
 import classnames from 'classnames'
 import ReactMarkdown from 'react-markdown'
 import LiquidPledging from '../../embarkArtifacts/contracts/LiquidPledging'
-import TextField from '@material-ui/core/TextField'
 import FormControlLabel from '@material-ui/core/FormControlLabel'
 import Switch from '@material-ui/core/Switch'
 import Button from '@material-ui/core/Button'
 import InputAdornment from '@material-ui/core/InputAdornment'
-import CloudUpload from '@material-ui/icons/CloudUpload'
 import { withStyles } from '@material-ui/core/styles'
 import { uploadFilesToIpfs, formatMedia, isWeb } from '../../utils/ipfs'
 import { FundingContext } from '../../context'
@@ -273,32 +271,26 @@ const SubmissionSection = ({ classes, history }) => {
                 onBlur={handleBlur}
                 value={values.repo || ''}
               />
-              <TextField
-                className={classes.textField}
-                InputProps={{
-                  startAdornment: (
-                    <InputAdornment position="start">
-                      <CloudUpload
-                        style={{ cursor: 'pointer' }}
-                        onClick={() => {
-                          const activeField = 'avatar'
-                          setStatus({ ...status, activeField })
-                          uploadInput.click()
-                        }
-                        }
-                      />
-                    </InputAdornment>
-                  ),
-                  classes: {
-                    input: classes.textInput
-                  }
-                }}
-                id="avatar"
+              <IconTextField
+                iconName="addPerson"
+                endAdornment={(
+                  <InputAdornment position="start">
+                    <span
+                      className={classes.adornmentText}
+                      onClick={() => {
+                        const activeField = 'avatar'
+                        setStatus({ ...status, activeField })
+                        uploadInput.click()
+                      }
+                      }
+                    >Browse
+                    </span>
+                  </InputAdornment>
+                )}
+                className={fullWidth}
+                idFor="avatar"
                 name="avatar"
-                label="Upload or enter link to creator avatar"
                 placeholder="upload or enter link to creator avatar"
-                margin="normal"
-                variant="outlined"
                 onChange={handleChange}
                 onBlur={handleBlur}
                 value={values.avatar || ''}