diff options
author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-10-26 06:42:35 +0800 |
---|---|---|
committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-10-26 06:42:35 +0800 |
commit | ced4c893ba412ca401430a66694e194806d46e6b (patch) | |
tree | f594cd94048c1bc6ad14429b50e7ff52e840c37c /packages/instant/src/components/buy_order_state_button.tsx | |
parent | e3510f3bcf4eea76d93888faedd822117bab7bdb (diff) | |
download | dexon-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.tsx | 10 |
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 |