status-im/liquid-funding
2
0
Fork 0
mirror of https://github.com/status-im/liquid-funding.git synced 2025-02-03 15:13:33 +00:00
Code Issues Projects Releases Wiki Activity

add status icons

Browse Source
This commit is contained in:
Barry Gitarts 2019-07-18 15:17:12 -04:00 committed by Barry G
parent 244d649595
commit 39e1f4be7e
4 changed files with 58 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 2C4.23858 2 2 4.23858 2 7V17C2 17.3788 2.214 17.725 2.55279 17.8944C2.89157 18.0638 3.29698 18.0273 3.6 17.8L6.8 15.4C7.14619 15.1404 7.56726 15 8 15H10C10 17.2091 11.7909 19 14 19H16.6667L20.4 21.8C20.703 22.0273 21.1084 22.0638 21.4472 21.8944C21.786 21.725 22 21.3788 22 21V13C22 10.7909 20.2091 9 18 9V7C18 4.23858 15.7614 2 13 2H7ZM16 10V7C16 5.34315 14.6569 4 13 4H7C5.34315 4 4 5.34315 4 7V14.5C4 14.706 4.23519 14.8236 4.4 14.7L5.6 13.8C6.29239 13.2807 7.13452 13 8 13H13C14.6569 13 16 11.6569 16 10ZM12 15H13C15.419 15 17.4367 13.2822 17.9 11H18C19.1046 11 20 11.8954 20 13V18.5C20 18.706 19.7648 18.8236 19.6 18.7L17.6 17.2C17.4269 17.0702 17.2164 17 17 17H14C12.8954 17 12 16.1046 12 15Z" fill="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 870 B

24
src/components/base/icons/IconByName.jsx Normal file
View File

@ -0,0 +1,24 @@
import React from 'react'
import OneOnOneChat from './OneOnOneChat'
const ONE_ON_ONE_CHAT = 'oneOnOneChat'
const icons = {
[ONE_ON_ONE_CHAT]: OneOnOneChat
}
const Icon = ({ name }) => {
const Component = icons[name]
return (
<div style={{
background: '#ECEFFC',
borderRadius: '50%',
padding: '10px',
maxHeight: '45px'
}}>
<Component />
</div>
)
}
export default Icon

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

@ -0,0 +1,9 @@
import React from 'react'
const SVG = () =>
<svg width="24" height="24" viewBox="0 0 24 24" fill="#939BA1" xmlns="http://www.w3.org/2000/svg">
<path fillRule="evenodd" clipRule="evenodd" d="M7 2C4.23858 2 2 4.23858 2 7V17C2 17.3788 2.214 17.725 2.55279 17.8944C2.89157 18.0638 3.29698 18.0273 3.6 17.8L6.8 15.4C7.14619 15.1404 7.56726 15 8 15H10C10 17.2091 11.7909 19 14 19H16.6667L20.4 21.8C20.703 22.0273 21.1084 22.0638 21.4472 21.8944C21.786 21.725 22 21.3788 22 21V13C22 10.7909 20.2091 9 18 9V7C18 4.23858 15.7614 2 13 2H7ZM16 10V7C16 5.34315 14.6569 4 13 4H7C5.34315 4 4 5.34315 4 7V14.5C4 14.706 4.23519 14.8236 4.4 14.7L5.6 13.8C6.29239 13.2807 7.13452 13 8 13H13C14.6569 13 16 11.6569 16 10ZM12 15H13C15.419 15 17.4367 13.2822 17.9 11H18C19.1046 11 20 11.8954 20 13V18.5C20 18.706 19.7648 18.8236 19.6 18.7L17.6 17.2C17.4269 17.0702 17.2164 17 17 17H14C12.8954 17 12 16.1046 12 15Z" fill="#939BA1"/>
</svg>
export default SVG

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

@ -15,6 +15,7 @@ import { FundingContext } from '../../context'
import {ZERO_ADDRESS} from '../../utils/address'
import CurrencySelect from '../base/CurrencySelect'
import StatusTextField from '../base/TextField'
import Icon from '../base/icons/IconByName'
const { addProject } = LiquidPledging.methods
@ -72,6 +73,17 @@ const styles = theme => ({
gridColumnStart: '1',
gridColumnEnd: '8',
},
chatRoom: {
display: 'grid',
gridColumnStart: 1,
gridColumnEnd: 13,
justifyItems: 'start',
gridAutoFlow: 'column'
},
chatText: {
marginTop: '15px',
color: '#939BA1'
},
secondHalf: {
display: 'grid',
gridTemplateColumns: 'repeat(12, [col] 1fr)',
@ -97,6 +109,9 @@ const styles = theme => ({
},
breadCrumb: {
color: '#939BA1'
},
icon: {
background: '#ECEFFC'
}
})
@ -240,6 +255,10 @@ const SubmissionSection = ({ classes, history }) => {
onBlur={handleBlur}
value={values.creator || ''}
/>
<div className={classes.chatRoom}>
<Icon name="oneOnOneChat" />
<div className={classes.chatText}>{`Join #status-${values.title.replace(/\s/g, '')}`}</div>
</div>
<TextField
className={classes.textField}
InputProps={{
@ -356,19 +375,13 @@ const SubmissionSection = ({ classes, history }) => {
onBlur={handleBlur}
value={values.goalToken}
/>
<TextField
<StatusTextField
className={fullWidth}
InputProps={{
classes: {
input: classes.textInput
}
}}
id="goal"
isRequired={true}
idFor="goal"
name="goal"
label="Enter your funding goal"
placeholder="Enter your funding goal"
margin="normal"
variant="outlined"
onChange={handleChange}
onBlur={handleBlur}
value={values.goal || ''}