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 fund button

Browse Source 
add conversion text display
This commit is contained in:
Barry Gitarts 2019-08-05 13:28:53 -04:00 committed by Barry G
parent 864a5ed1e9
commit b88a2f18ad
1 changed files with 18 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/projects/FundProject.jsx
View File

@ -12,7 +12,6 @@ import { uploadFilesToIpfs, pinToGateway, formatMedia, isWeb } from '../../utils
import { FundingContext } from '../../context'
import {ZERO_ADDRESS} from '../../utils/address'
import CurrencySelect from '../base/CurrencySelect'
import StatusTextField from '../base/TextField'
import TextDisplay from '../base/TextDisplay'
import Icon from '../base/icons/IconByName'
import { convertTokenAmountUsd } from '../../utils/prices'
@ -82,9 +81,11 @@ const styles = theme => ({
gridColumnStart: '6'
},
formButton: {
gridColumnStart: '6',
gridColumnStart: '1',
gridColumnEnd: '13',
height: '50px'
height: '50px',
marginTop: '1.5rem',
borderRadius: '8px'
},
textField: {
gridColumnStart: '1',
@ -119,8 +120,7 @@ const styles = theme => ({
secondHalf: {
display: 'grid',
gridTemplateColumns: 'repeat(12, [col] 1fr)',
gridTemplateRows: '7rem',
gridRowGap: '2rem',
gridTemplateRows: '9rem',
gridColumnStart: '8',
gridColumnEnd: '13',
height: 'fit-content'
@ -143,6 +143,10 @@ const styles = theme => ({
breadCrumb: {
color: '#939BA1'
},
usdText: {
color: '#939BA1',
fontSize: '12px'
},
icon: {
background: '#ECEFFC'
},
@ -270,8 +274,6 @@ const SubmissionSection = ({ classes, history, projectData, projectId, pledges,
isSubmitting
}) => {
const { firstHalf, secondHalf, fullWidth } = classes
const { goalToken, goal } = values
const usdValue = convertTokenAmountUsd(goalToken, goal, prices)
//start project view
return (
@ -317,12 +319,18 @@ const SubmissionSection = ({ classes, history, projectData, projectId, pledges,
text={commitTime}
/>
</div>}
<div className={secondHalf}>
{manifest && <div className={secondHalf}>
<div className={classes.edit}>Edit</div>
<Typography className={classes.projectTitle} component="h2" gutterBottom>
{`${totalPledged.toLocaleString()} ${amountsPledged[0] ? amountsPledged[0][0] : ''}`} pledged
</Typography>
<Button type="submit" color="primary" variant="contained" className={classnames(classes.formButton)}>{isSubmitting ? 'Ethereum Submission In Progress' : 'Create Project'}</Button>
<Typography className={classes.fullWidth}>
{`0% of ${Number(manifest.goal).toLocaleString()} goal`}
</Typography>
<Typography className={classnames(classes.fullWidth, classes.usdText)}>
{`${totalPledged ? convertTokenAmountUsd(manifest.goalToken, totalPledged, prices) : '$0'} of ${convertTokenAmountUsd(manifest.goalToken, manifest.goal, prices)} USD`}
</Typography>
<Button type="submit" color="primary" variant="contained" className={classnames(classes.formButton)}>{isSubmitting ? 'Ethereum Submission In Progress' : 'Fund'}</Button>
<CurrencySelect
className={fullWidth}
InputProps={{
@ -336,18 +344,6 @@ const SubmissionSection = ({ classes, history, projectData, projectId, pledges,
onBlur={handleBlur}
value={values.goalToken}
/>
<StatusTextField
className={fullWidth}
isRequired={true}
idFor="goal"
name="goal"
label="Enter your funding goal"
placeholder="Enter your funding goal"
bottomLeftLabel={usdValue}
onChange={handleChange}
onBlur={handleBlur}
value={values.goal || ''}
/>
<input
type="file"
multiple
@ -365,7 +361,7 @@ const SubmissionSection = ({ classes, history, projectData, projectId, pledges,
}
style={{display: 'none'}}
/>
</div>
</div>}
</form>
)
}