move styles into it's own file
This commit is contained in:
Barry Gitarts
Barry G
parent
a54fdcdca9
commit
474efe8973
|
|
@ -21,172 +21,10 @@ import { getTokenLabel, getTokenByAddress } from '../../utils/currencies'
|
||||||
import MediaView from '../base/MediaView'
|
import MediaView from '../base/MediaView'
|
||||||
import StatusTextField from '../base/TextField'
|
import StatusTextField from '../base/TextField'
|
||||||
import { getProfileById } from './queries'
|
import { getProfileById } from './queries'
|
||||||
|
import styles from './styles/FundProject'
|
||||||
|
|
||||||
const { addGiverAndDonate } = LiquidPledging.methods
|
const { addGiverAndDonate } = LiquidPledging.methods
|
||||||
|
|
||||||
|
|
||||||
const styles = theme => ({
|
|
||||||
adornmentText: {
|
|
||||||
cursor: 'pointer',
|
|
||||||
color: '#4360DF'
|
|
||||||
},
|
|
||||||
amount: {
|
|
||||||
marginTop: '3rem',
|
|
||||||
display: 'grid'
|
|
||||||
},
|
|
||||||
amountLayout: {
|
|
||||||
gridColumnStart: 1,
|
|
||||||
gridColumnEnd: 5
|
|
||||||
},
|
|
||||||
amountText: {
|
|
||||||
gridColumnStart: 6,
|
|
||||||
alignSelf: 'center',
|
|
||||||
color: '#939BA1'
|
|
||||||
},
|
|
||||||
amountInput: {
|
|
||||||
textAlign: 'right'
|
|
||||||
},
|
|
||||||
root: {
|
|
||||||
display: 'grid',
|
|
||||||
gridTemplateColumns: 'repeat(12, [col] 1fr)',
|
|
||||||
gridTemplateRows: 'repeat(5, [row] auto)',
|
|
||||||
gridColumnGap: '1em',
|
|
||||||
gridRowGap: '3ch',
|
|
||||||
fontFamily: theme.typography.fontFamily,
|
|
||||||
[theme.breakpoints.up('sm')]: {
|
|
||||||
margin: '1.75rem 4.5rem'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
title: {
|
|
||||||
display: 'grid',
|
|
||||||
fontSize: '2.5rem',
|
|
||||||
gridColumnStart: '1',
|
|
||||||
gridColumnEnd: '13',
|
|
||||||
gridRowStart: '1',
|
|
||||||
gridRowEnd: '6',
|
|
||||||
textAlign: 'center'
|
|
||||||
},
|
|
||||||
projectTitle:{
|
|
||||||
fontSize: '28px',
|
|
||||||
gridColumnStart: 1,
|
|
||||||
gridColumnEnd: 13
|
|
||||||
},
|
|
||||||
projectSubTitle:{
|
|
||||||
fontSize: '15px',
|
|
||||||
gridColumnStart: 1,
|
|
||||||
gridColumnEnd: 13
|
|
||||||
},
|
|
||||||
submissionRoot: {
|
|
||||||
display: 'grid',
|
|
||||||
gridTemplateColumns: 'repeat(12, [col] 1fr)',
|
|
||||||
gridTemplateRows: 'repeat(5, [row] auto)',
|
|
||||||
gridColumnGap: '1em',
|
|
||||||
gridColumnStart: '1',
|
|
||||||
gridColumnEnd: '13',
|
|
||||||
gridRowGap: '2ch',
|
|
||||||
},
|
|
||||||
edit: {
|
|
||||||
gridColumnStart: 12,
|
|
||||||
color: '#4360DF',
|
|
||||||
fontSize: '15px'
|
|
||||||
},
|
|
||||||
formControl: {
|
|
||||||
gridColumnStart: '6'
|
|
||||||
},
|
|
||||||
formButton: {
|
|
||||||
gridColumnStart: '1',
|
|
||||||
gridColumnEnd: '13',
|
|
||||||
height: '50px',
|
|
||||||
marginTop: '1.5rem',
|
|
||||||
borderRadius: '8px'
|
|
||||||
},
|
|
||||||
textField: {
|
|
||||||
gridColumnStart: '1',
|
|
||||||
gridColumnEnd: '13'
|
|
||||||
},
|
|
||||||
firstHalf: {
|
|
||||||
display: 'grid',
|
|
||||||
gridTemplateColumns: 'repeat(12, [col] 1fr)',
|
|
||||||
gridTemplateRows: '7rem',
|
|
||||||
gridRowGap: '2rem',
|
|
||||||
gridColumnStart: '1',
|
|
||||||
gridColumnEnd: '8',
|
|
||||||
},
|
|
||||||
chatRoom: {
|
|
||||||
display: 'grid',
|
|
||||||
gridTemplateColumns: 'repeat(12, [col] 1fr)',
|
|
||||||
gridColumnStart: 1,
|
|
||||||
gridColumnEnd: 13,
|
|
||||||
justifyItems: 'start',
|
|
||||||
gridAutoFlow: 'column',
|
|
||||||
paddingLeft: '5px'
|
|
||||||
},
|
|
||||||
chatLink: {
|
|
||||||
gridColumnStart: 3,
|
|
||||||
gridColumnEnd: 13,
|
|
||||||
textDecoration: 'none'
|
|
||||||
},
|
|
||||||
halfText: {
|
|
||||||
gridColumnStart: 4
|
|
||||||
},
|
|
||||||
imgClass: {
|
|
||||||
maxHeight: '40vh',
|
|
||||||
maxWidth: '30vw'
|
|
||||||
},
|
|
||||||
chatRoomIcon: {
|
|
||||||
justifySelf: 'auto'
|
|
||||||
},
|
|
||||||
chatText: {
|
|
||||||
marginTop: '15px',
|
|
||||||
color: '#4360DF'
|
|
||||||
},
|
|
||||||
secondHalf: {
|
|
||||||
display: 'grid',
|
|
||||||
gridTemplateColumns: 'repeat(12, [col] 1fr)',
|
|
||||||
gridTemplateRows: '9rem',
|
|
||||||
gridColumnStart: '8',
|
|
||||||
gridColumnEnd: '13',
|
|
||||||
height: 'fit-content'
|
|
||||||
},
|
|
||||||
markdown: {
|
|
||||||
display: 'grid',
|
|
||||||
margin: '16px 0 8px 0',
|
|
||||||
padding: '10%'
|
|
||||||
},
|
|
||||||
markdownPreview: {
|
|
||||||
gridColumnStart: 12
|
|
||||||
},
|
|
||||||
textInput: {
|
|
||||||
fontSize: '2rem'
|
|
||||||
},
|
|
||||||
fullWidth: {
|
|
||||||
gridColumnStart: '1',
|
|
||||||
gridColumnEnd: '13'
|
|
||||||
},
|
|
||||||
breadCrumb: {
|
|
||||||
color: '#939BA1'
|
|
||||||
},
|
|
||||||
usdText: {
|
|
||||||
color: '#939BA1',
|
|
||||||
fontSize: '12px'
|
|
||||||
},
|
|
||||||
icon: {
|
|
||||||
background: '#ECEFFC'
|
|
||||||
},
|
|
||||||
preview: {
|
|
||||||
fontSize: '20px'
|
|
||||||
},
|
|
||||||
contact: {
|
|
||||||
gridColumnStart: '1',
|
|
||||||
gridColumnEnd: '6'
|
|
||||||
},
|
|
||||||
created: {
|
|
||||||
gridColumnStart: '7',
|
|
||||||
gridColumnEnd: '13'
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
const getProjectId = response => {
|
const getProjectId = response => {
|
||||||
const { events: { ProjectAdded: { returnValues: { idProject } } } } = response
|
const { events: { ProjectAdded: { returnValues: { idProject } } } } = response
|
||||||
return idProject
|
return idProject
|
||||||
|
|
@ -340,6 +178,7 @@ function FundProject({ classes, match, history, projectAddedEvents, pledges }) {
|
||||||
|
|
||||||
if (loading) return <div>Loading</div>
|
if (loading) return <div>Loading</div>
|
||||||
if (error) return <div>{JSON.stringify(error)}</div>
|
if (error) return <div>{JSON.stringify(error)}</div>
|
||||||
|
// TODO handle project not found
|
||||||
|
|
||||||
console.log({loading,error,data})
|
console.log({loading,error,data})
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,162 @@
|
||||||
|
const styles = theme => ({
|
||||||
|
adornmentText: {
|
||||||
|
cursor: 'pointer',
|
||||||
|
color: '#4360DF'
|
||||||
|
},
|
||||||
|
amount: {
|
||||||
|
marginTop: '3rem',
|
||||||
|
display: 'grid'
|
||||||
|
},
|
||||||
|
amountLayout: {
|
||||||
|
gridColumnStart: 1,
|
||||||
|
gridColumnEnd: 5
|
||||||
|
},
|
||||||
|
amountText: {
|
||||||
|
gridColumnStart: 6,
|
||||||
|
alignSelf: 'center',
|
||||||
|
color: '#939BA1'
|
||||||
|
},
|
||||||
|
amountInput: {
|
||||||
|
textAlign: 'right'
|
||||||
|
},
|
||||||
|
root: {
|
||||||
|
display: 'grid',
|
||||||
|
gridTemplateColumns: 'repeat(12, [col] 1fr)',
|
||||||
|
gridTemplateRows: 'repeat(5, [row] auto)',
|
||||||
|
gridColumnGap: '1em',
|
||||||
|
gridRowGap: '3ch',
|
||||||
|
fontFamily: theme.typography.fontFamily,
|
||||||
|
[theme.breakpoints.up('sm')]: {
|
||||||
|
margin: '1.75rem 4.5rem'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
title: {
|
||||||
|
display: 'grid',
|
||||||
|
fontSize: '2.5rem',
|
||||||
|
gridColumnStart: '1',
|
||||||
|
gridColumnEnd: '13',
|
||||||
|
gridRowStart: '1',
|
||||||
|
gridRowEnd: '6',
|
||||||
|
textAlign: 'center'
|
||||||
|
},
|
||||||
|
projectTitle:{
|
||||||
|
fontSize: '28px',
|
||||||
|
gridColumnStart: 1,
|
||||||
|
gridColumnEnd: 13
|
||||||
|
},
|
||||||
|
projectSubTitle:{
|
||||||
|
fontSize: '15px',
|
||||||
|
gridColumnStart: 1,
|
||||||
|
gridColumnEnd: 13
|
||||||
|
},
|
||||||
|
submissionRoot: {
|
||||||
|
display: 'grid',
|
||||||
|
gridTemplateColumns: 'repeat(12, [col] 1fr)',
|
||||||
|
gridTemplateRows: 'repeat(5, [row] auto)',
|
||||||
|
gridColumnGap: '1em',
|
||||||
|
gridColumnStart: '1',
|
||||||
|
gridColumnEnd: '13',
|
||||||
|
gridRowGap: '2ch',
|
||||||
|
},
|
||||||
|
edit: {
|
||||||
|
gridColumnStart: 12,
|
||||||
|
color: '#4360DF',
|
||||||
|
fontSize: '15px'
|
||||||
|
},
|
||||||
|
formControl: {
|
||||||
|
gridColumnStart: '6'
|
||||||
|
},
|
||||||
|
formButton: {
|
||||||
|
gridColumnStart: '1',
|
||||||
|
gridColumnEnd: '13',
|
||||||
|
height: '50px',
|
||||||
|
marginTop: '1.5rem',
|
||||||
|
borderRadius: '8px'
|
||||||
|
},
|
||||||
|
textField: {
|
||||||
|
gridColumnStart: '1',
|
||||||
|
gridColumnEnd: '13'
|
||||||
|
},
|
||||||
|
firstHalf: {
|
||||||
|
display: 'grid',
|
||||||
|
gridTemplateColumns: 'repeat(12, [col] 1fr)',
|
||||||
|
gridTemplateRows: '7rem',
|
||||||
|
gridRowGap: '2rem',
|
||||||
|
gridColumnStart: '1',
|
||||||
|
gridColumnEnd: '8',
|
||||||
|
},
|
||||||
|
chatRoom: {
|
||||||
|
display: 'grid',
|
||||||
|
gridTemplateColumns: 'repeat(12, [col] 1fr)',
|
||||||
|
gridColumnStart: 1,
|
||||||
|
gridColumnEnd: 13,
|
||||||
|
justifyItems: 'start',
|
||||||
|
gridAutoFlow: 'column',
|
||||||
|
paddingLeft: '5px'
|
||||||
|
},
|
||||||
|
chatLink: {
|
||||||
|
gridColumnStart: 3,
|
||||||
|
gridColumnEnd: 13,
|
||||||
|
textDecoration: 'none'
|
||||||
|
},
|
||||||
|
halfText: {
|
||||||
|
gridColumnStart: 4
|
||||||
|
},
|
||||||
|
imgClass: {
|
||||||
|
maxHeight: '40vh',
|
||||||
|
maxWidth: '30vw'
|
||||||
|
},
|
||||||
|
chatRoomIcon: {
|
||||||
|
justifySelf: 'auto'
|
||||||
|
},
|
||||||
|
chatText: {
|
||||||
|
marginTop: '15px',
|
||||||
|
color: '#4360DF'
|
||||||
|
},
|
||||||
|
secondHalf: {
|
||||||
|
display: 'grid',
|
||||||
|
gridTemplateColumns: 'repeat(12, [col] 1fr)',
|
||||||
|
gridTemplateRows: '9rem',
|
||||||
|
gridColumnStart: '8',
|
||||||
|
gridColumnEnd: '13',
|
||||||
|
height: 'fit-content'
|
||||||
|
},
|
||||||
|
markdown: {
|
||||||
|
display: 'grid',
|
||||||
|
margin: '16px 0 8px 0',
|
||||||
|
padding: '10%'
|
||||||
|
},
|
||||||
|
markdownPreview: {
|
||||||
|
gridColumnStart: 12
|
||||||
|
},
|
||||||
|
textInput: {
|
||||||
|
fontSize: '2rem'
|
||||||
|
},
|
||||||
|
fullWidth: {
|
||||||
|
gridColumnStart: '1',
|
||||||
|
gridColumnEnd: '13'
|
||||||
|
},
|
||||||
|
breadCrumb: {
|
||||||
|
color: '#939BA1'
|
||||||
|
},
|
||||||
|
usdText: {
|
||||||
|
color: '#939BA1',
|
||||||
|
fontSize: '12px'
|
||||||
|
},
|
||||||
|
icon: {
|
||||||
|
background: '#ECEFFC'
|
||||||
|
},
|
||||||
|
preview: {
|
||||||
|
fontSize: '20px'
|
||||||
|
},
|
||||||
|
contact: {
|
||||||
|
gridColumnStart: '1',
|
||||||
|
gridColumnEnd: '6'
|
||||||
|
},
|
||||||
|
created: {
|
||||||
|
gridColumnStart: '7',
|
||||||
|
gridColumnEnd: '13'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
export default styles
|
||||||
Loading…
Reference in New Issue