aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/buy_order_state_button.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/instant/src/components/buy_order_state_button.tsx')
-rw-r--r--packages/instant/src/components/buy_order_state_button.tsx10
1 files changed, 9 insertions, 1 deletions
diff --git a/packages/instant/src/components/buy_order_state_button.tsx b/packages/instant/src/components/buy_order_state_button.tsx
index 44115e5a1..73a4d62e2 100644
--- a/packages/instant/src/components/buy_order_state_button.tsx
+++ b/packages/instant/src/components/buy_order_state_button.tsx
@@ -1,5 +1,7 @@
import * as React from 'react';
+import { Flex } from '../components/ui/flex';
+
import { PlacingOrderButton } from '../components/placing_order_button';
import { SelectedAssetBuyButton } from '../containers/selected_asset_buy_button';
import { SelectedAssetRetryButton } from '../containers/selected_asset_retry_button';
@@ -10,9 +12,15 @@ export interface BuyOrderStateButtonProps {
buyOrderProcessingState: OrderProcessState;
}
+// TODO: rename to buttons
export const BuyOrderStateButton: React.StatelessComponent<BuyOrderStateButtonProps> = props => {
if (props.buyOrderProcessingState === OrderProcessState.FAILURE) {
- return <SelectedAssetRetryButton />;
+ return (
+ <Flex justify="space-between">
+ <SelectedAssetRetryButton width="48%" />
+ <SelectedAssetViewTransactionButton width="48%" />
+ </Flex>
+ );
} else if (
props.buyOrderProcessingState === OrderProcessState.SUCCESS ||
props.buyOrderProcessingState === OrderProcessState.PROCESSING