diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-10-31 07:57:42 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-10-31 07:57:42 +0800 |
commit | 91f8487947d7941b508c34d1bfc1e72c0840c33d (patch) | |
tree | f3382eda9cae53b2b61e9f2c3cd4690ce6d7cc52 /packages/instant/src/containers/latest_error.tsx | |
parent | 4456c3ee14f5cd778e0d16ab42a3e2e34d102f23 (diff) | |
download | dexon-0x-contracts-91f8487947d7941b508c34d1bfc1e72c0840c33d.tar.gz dexon-0x-contracts-91f8487947d7941b508c34d1bfc1e72c0840c33d.tar.zst dexon-0x-contracts-91f8487947d7941b508c34d1bfc1e72c0840c33d.zip |
feat: implement sliding panel
Diffstat (limited to 'packages/instant/src/containers/latest_error.tsx')
-rw-r--r-- | packages/instant/src/containers/latest_error.tsx | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/packages/instant/src/containers/latest_error.tsx b/packages/instant/src/containers/latest_error.tsx index 2a8d232da..99e55a6c4 100644 --- a/packages/instant/src/containers/latest_error.tsx +++ b/packages/instant/src/containers/latest_error.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { connect } from 'react-redux'; -import { SlideAnimationPhase } from '../components/animations/slide_animations'; +import { SlideAnimationState } from '../components/animations/slide_animation'; import { SlidingError } from '../components/sliding_error'; import { State } from '../redux/reducer'; import { Asset, DisplayStatus } from '../types'; @@ -10,26 +10,26 @@ import { Asset, DisplayStatus } from '../types'; export interface LatestErrorComponentProps { asset?: Asset; latestErrorMessage?: string; - slidingPhase: SlideAnimationPhase; + animationState: SlideAnimationState; } export const LatestErrorComponent: React.StatelessComponent<LatestErrorComponentProps> = props => { if (!props.latestErrorMessage) { return <div />; } - return <SlidingError phase={props.slidingPhase} icon="😢" message={props.latestErrorMessage} />; + return <SlidingError animationState={props.animationState} icon="😢" message={props.latestErrorMessage} />; }; interface ConnectedState { asset?: Asset; latestErrorMessage?: string; - slidingPhase: SlideAnimationPhase; + animationState: SlideAnimationState; } export interface LatestErrorProps {} const mapStateToProps = (state: State, _ownProps: LatestErrorProps): ConnectedState => ({ asset: state.selectedAsset, latestErrorMessage: state.latestErrorMessage, - slidingPhase: state.latestErrorDisplayStatus === DisplayStatus.Present ? 'slideIn' : 'slideOut', + animationState: state.latestErrorDisplayStatus === DisplayStatus.Present ? 'slidIn' : 'slidOut', }); export const LatestError = connect(mapStateToProps)(LatestErrorComponent); |