Fix react motion api change

This commit is contained in:
Berkeley Martinez
2015-12-05 09:35:05 -08:00
parent c87737a0c5
commit 108179e72e

View File

@ -1,5 +1,5 @@
import React, { PropTypes } from 'react'; import React, { PropTypes } from 'react';
import { Spring } from 'react-motion'; import { Motion } from 'react-motion';
import { History, Lifecycle } from 'react-router'; import { History, Lifecycle } from 'react-router';
import debugFactory from 'debug'; import debugFactory from 'debug';
import { import {
@ -215,7 +215,8 @@ export default React.createClass({
}, },
renderQuestion(number, question, answer, shake) { renderQuestion(number, question, answer, shake) {
return ({ val: { x } }) => { return ({ x: xFunc }) => {
const x = xFunc().val.x;
const style = { const style = {
WebkitTransform: `translate3d(${ x }px, 0, 0)`, WebkitTransform: `translate3d(${ x }px, 0, 0)`,
transform: `translate3d(${ x }px, 0, 0)` transform: `translate3d(${ x }px, 0, 0)`
@ -252,9 +253,9 @@ export default React.createClass({
xs={ 8 } xs={ 8 }
xsOffset={ 2 }> xsOffset={ 2 }>
<Row> <Row>
<Spring endValue={ this.getTweenValues }> <Motion style={{ x: this.getTweenValues }}>
{ this.renderQuestion(number, question, answer, shake) } { this.renderQuestion(number, question, answer, shake) }
</Spring> </Motion>
{ this.renderInfo(showInfo, info) } { this.renderInfo(showInfo, info) }
<Panel> <Panel>
<Button <Button