cleanup some props

remove jank via animation
This commit is contained in:
Barry Gitarts 2019-01-18 14:03:01 -05:00
parent c45893cf09
commit dd6167aae8
3 changed files with 7 additions and 10 deletions

View File

@ -14,7 +14,7 @@ const formatField = field => ({
commitTime: convertToHours(field.commitTime),
canceled: cancelText(field.canceled)
})
const FunderProfilesTable = ({ data, cancelFundProfile, profiles }) => (
const FunderProfilesTable = ({ cancelFundProfile, profiles }) => (
<FundingContext.Consumer>
{({ account }) =>
<Fragment>

View File

@ -7,13 +7,15 @@ import AddFunder from './AddFunder'
import CreateFunding from './CreateFunding'
const FundsManagement = ({ open }) => {
const maxWidth = open ? `${window.visualViewport.width - 35}px` : '100vw'
const windowWidth = window.visualViewport.width
const maxWidth = open ? `${windowWidth * 0.80}px` : '100vw'
const WebkitTransition = 'all 0.25s ease-out 0s'
return (
<FundingContext.Consumer>
{({ allPledges, appendPledges, appendFundProfile, transferPledgeAmounts, fundProfiles, cancelFundProfile }) =>
<div style={{ maxWidth }}>
<div style={{ maxWidth, WebkitTransition }}>
<PledgesTable data={allPledges} transferPledgeAmounts={transferPledgeAmounts} fundProfiles={fundProfiles} />
<FunderProfilesTable data={fundProfiles} cancelFundProfile={cancelFundProfile}/>
<FunderProfilesTable cancelFundProfile={cancelFundProfile}/>
<AddFunder appendFundProfile={appendFundProfile} />
<Divider variant="middle" />
<CreateFunding refreshTable={appendPledges} />

View File

@ -47,9 +47,6 @@ const styles = theme => ({
appBarBg: {
backgroundColor: '#111735'
},
childrenShift: {
width: `calc(100% - ${drawerWidth}px)`
},
menuButton: {
marginLeft: 12,
marginRight: 20,
@ -195,9 +192,7 @@ class PersistentDrawerLeft extends React.Component {
})}
>
<div className={classes.drawerHeader} />
<div className={classNames(classes.appBar, {
[classes.childrenShift]: open,
})}>
<div className={classNames(classes.appBar)}>
<Switch>
<Route path="/(|dashboard)" component={Dashboard} />
<Route path="/admin" component={ContractAdmin} />