latestErrorDismissed -> latestErrorDisplay enum

1 files changed, 5 insertions, 6 deletions

diff --git a/packages/instant/src/containers/latest_error.tsx b/packages/instant/src/containers/latest_error.tsx
index 5272d9610..7f36d3bf8 100644
--- a/packages/instant/src/containers/latest_error.tsx
+++ b/packages/instant/src/containers/latest_error.tsx
@@ -3,34 +3,33 @@ import * as React from 'react';
 import { connect } from 'react-redux';
 
 import { SlidingError } from '../components/sliding_error';
-import { State } from '../redux/reducer';
+import { LatestErrorDisplay, State } from '../redux/reducer';
 import { errorDescription } from '../util/error_description';
 
 export interface LatestErrorComponentProps {
     assetData?: string;
     latestError?: any;
-    latestErrorDismissed?: boolean;
+    slidingDirection: 'down' | 'up';
 }
 
 export const LatestErrorComponent: React.StatelessComponent<LatestErrorComponentProps> = props => {
     if (!props.latestError) {
         return <div />;
     }
-    const slidingDirection = props.latestErrorDismissed ? 'down' : 'up';
     const { icon, message } = errorDescription(props.latestError, props.assetData);
-    return <SlidingError direction={slidingDirection} icon={icon} message={message} />;
+    return <SlidingError direction={props.slidingDirection} icon={icon} message={message} />;
 };
 
 interface ConnectedState {
     assetData?: string;
     latestError?: any;
-    latestErrorDismissed?: boolean;
+    slidingDirection: 'down' | 'up';
 }
 export interface LatestErrorProps {}
 const mapStateToProps = (state: State, _ownProps: LatestErrorProps): ConnectedState => ({
     assetData: state.selectedAssetData,
     latestError: state.latestError,
-    latestErrorDismissed: state.latestErrorDismissed,
+    slidingDirection: state.latestErrorDisplay === LatestErrorDisplay.Present ? 'up' : 'down',
 });
 
 export const LatestError = connect(mapStateToProps)(LatestErrorComponent);