diff --git a/src/components/base/icons/1on1chat.svg b/src/components/base/icons/1on1chat.svg new file mode 100644 index 0000000..5ab68ab --- /dev/null +++ b/src/components/base/icons/1on1chat.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/base/icons/IconByName.jsx b/src/components/base/icons/IconByName.jsx new file mode 100644 index 0000000..9b6f53a --- /dev/null +++ b/src/components/base/icons/IconByName.jsx @@ -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 ( +
+ +
+ ) +} + + +export default Icon diff --git a/src/components/base/icons/OneOnOneChat.jsx b/src/components/base/icons/OneOnOneChat.jsx new file mode 100644 index 0000000..f591f0b --- /dev/null +++ b/src/components/base/icons/OneOnOneChat.jsx @@ -0,0 +1,9 @@ +import React from 'react' + +const SVG = () => + + + + + +export default SVG diff --git a/src/components/projects/CreateProject.jsx b/src/components/projects/CreateProject.jsx index 52e6a47..90d4d0e 100644 --- a/src/components/projects/CreateProject.jsx +++ b/src/components/projects/CreateProject.jsx @@ -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 || ''} /> +
+ +
{`Join #status-${values.title.replace(/\s/g, '')}`}
+
{ onBlur={handleBlur} value={values.goalToken} /> -