blob: d368d05e1d36198eb07c454f0b0d1913c51aac97 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
import * as _ from 'lodash';
import * as React from 'react';
import { connect } from 'react-redux';
import { SecondaryButton } from '../components/secondary_button';
import { State } from '../redux/reducer';
import { AsyncProcessState, OrderState } from '../types';
import { PlacingOrderButton } from '../components/placing_order_button';
import { SelectedAssetBuyButton } from './selected_asset_buy_button';
import { SelectedAssetRetryButton } from './selected_asset_retry_button';
import { SelectedAssetViewTransactionButton } from './selected_asset_view_transaction_button';
interface ConnectedState {
buyOrderState: OrderState;
}
export interface SelectedAssetButtonProps {}
const mapStateToProps = (state: State, _ownProps: SelectedAssetButtonProps): ConnectedState => ({
buyOrderState: state.buyOrderState,
});
const SelectedAssetButtonPresentationComponent: React.StatelessComponent<{
buyOrderState: OrderState;
}> = props => {
if (props.buyOrderState.processState === AsyncProcessState.FAILURE) {
return <SelectedAssetRetryButton />;
} else if (props.buyOrderState.processState === AsyncProcessState.SUCCESS) {
return <SelectedAssetViewTransactionButton />;
} else if (props.buyOrderState.processState === AsyncProcessState.PENDING) {
return <PlacingOrderButton />;
}
return <SelectedAssetBuyButton />;
};
export const SelectedAssetButton: React.ComponentClass<SelectedAssetButtonProps> = connect(mapStateToProps)(
SelectedAssetButtonPresentationComponent,
);
|