status-im
/
liquid-funding
mirror of https://github.com/status-im/liquid-funding.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

add avatar icon 

add avatar input replace old style
This commit is contained in:
Barry Gitarts 2019-07-22 15:47:00 -04:00 committed by Barry G
parent f5c5abbaf4
commit 340c223a51
4 changed files with 33 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/base/icons/AddPerson.jsx Normal file
View File

@ -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

3
src/components/base/icons/AddPerson.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 620 B

3
src/components/base/icons/IconByName.jsx
View File

@ -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

44
src/components/projects/CreateProject.jsx
View File

@ -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 || ''}