aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/buy_order_state_button.tsx
diff options
context:
space:
mode:
authorSteve Klebanoff <steve.klebanoff@gmail.com>2018-10-26 06:42:35 +0800
committerSteve Klebanoff <steve.klebanoff@gmail.com>2018-10-26 06:42:35 +0800
commitced4c893ba412ca401430a66694e194806d46e6b (patch)
treef594cd94048c1bc6ad14429b50e7ff52e840c37c /packages/instant/src/components/buy_order_state_button.tsx
parente3510f3bcf4eea76d93888faedd822117bab7bdb (diff)
downloaddexon-sol-tools-ced4c893ba412ca401430a66694e194806d46e6b.tar
dexon-sol-tools-ced4c893ba412ca401430a66694e194806d46e6b.tar.gz
dexon-sol-tools-ced4c893ba412ca401430a66694e194806d46e6b.tar.bz2
dexon-sol-tools-ced4c893ba412ca401430a66694e194806d46e6b.tar.lz
dexon-sol-tools-ced4c893ba412ca401430a66694e194806d46e6b.tar.xz
dexon-sol-tools-ced4c893ba412ca401430a66694e194806d46e6b.tar.zst
dexon-sol-tools-ced4c893ba412ca401430a66694e194806d46e6b.zip
Show View Transaction button on failure, and allow setting of width for Try Again button and View Txn button
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