add avatar icon

add avatar input replace old style

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

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>

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

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
+              <IconTextField
-                className={classes.textField}
+                iconName="addPerson"
-                InputProps={{
+                endAdornment={(
-                  startAdornment: (
                   <InputAdornment position="start">
-                      <CloudUpload
+                    <span
-                        style={{ cursor: 'pointer' }}
+                      className={classes.adornmentText}
                       onClick={() => {
                         const activeField = 'avatar'
                         setStatus({ ...status, activeField })
                         uploadInput.click()
                       }
                       }
-                      />
+                    >Browse
+                    </span>
                   </InputAdornment>
-                  ),
+                )}
-                  classes: {
+                className={fullWidth}
-                    input: classes.textInput
+                idFor="avatar"
-                  }
-                }}
-                id="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 || ''}