diff options
author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-10-27 06:34:51 +0800 |
---|---|---|
committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-10-27 06:34:51 +0800 |
commit | 6ad8ac6a4836bf926666f2d05e91d2d4b31c6b19 (patch) | |
tree | d159e73abfb56c9b7d1cccd5fea2fdf84411ceb5 /packages/instant/src/components/buy_order_state_buttons.tsx | |
parent | 86febc3cce1135d2345f0048c205c3c524a66733 (diff) | |
parent | e73fceaa20738175e660caf4dee442d4c598c1b5 (diff) | |
download | dexon-sol-tools-6ad8ac6a4836bf926666f2d05e91d2d4b31c6b19.tar dexon-sol-tools-6ad8ac6a4836bf926666f2d05e91d2d4b31c6b19.tar.gz dexon-sol-tools-6ad8ac6a4836bf926666f2d05e91d2d4b31c6b19.tar.bz2 dexon-sol-tools-6ad8ac6a4836bf926666f2d05e91d2d4b31c6b19.tar.lz dexon-sol-tools-6ad8ac6a4836bf926666f2d05e91d2d4b31c6b19.tar.xz dexon-sol-tools-6ad8ac6a4836bf926666f2d05e91d2d4b31c6b19.tar.zst dexon-sol-tools-6ad8ac6a4836bf926666f2d05e91d2d4b31c6b19.zip |
Merge branch 'development' into feature/not-enough-eth
Diffstat (limited to 'packages/instant/src/components/buy_order_state_buttons.tsx')
-rw-r--r-- | packages/instant/src/components/buy_order_state_buttons.tsx | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/packages/instant/src/components/buy_order_state_buttons.tsx b/packages/instant/src/components/buy_order_state_buttons.tsx new file mode 100644 index 000000000..b9e92e763 --- /dev/null +++ b/packages/instant/src/components/buy_order_state_buttons.tsx @@ -0,0 +1,63 @@ +import { AssetBuyer, BuyQuote } from '@0x/asset-buyer'; +import * as React from 'react'; + +import { BuyButton } from '../components/buy_button'; +import { SecondaryButton } from '../components/secondary_button'; +import { Flex } from '../components/ui/flex'; + +import { PlacingOrderButton } from '../components/placing_order_button'; +import { ColorOption } from '../style/theme'; +import { OrderProcessState } from '../types'; + +import { Button } from './ui/button'; +import { Text } from './ui/text'; + +export interface BuyOrderStateButtonProps { + buyQuote?: BuyQuote; + buyOrderProcessingState: OrderProcessState; + assetBuyer?: AssetBuyer; + onViewTransaction: () => void; + onAwaitingSignature: (buyQuote: BuyQuote) => void; + onSignatureDenied: (buyQuote: BuyQuote, error: Error) => void; + onBuyProcessing: (buyQuote: BuyQuote, txHash: string) => void; + onBuySuccess: (buyQuote: BuyQuote, txHash: string) => void; + onBuyFailure: (buyQuote: BuyQuote, txHash: string) => void; + onRetry: () => void; +} + +// TODO: rename to buttons +export const BuyOrderStateButtons: React.StatelessComponent<BuyOrderStateButtonProps> = props => { + if (props.buyOrderProcessingState === OrderProcessState.FAILURE) { + return ( + <Flex justify="space-between"> + <Button width="48%" onClick={props.onRetry}> + <Text fontColor={ColorOption.white} fontWeight={600} fontSize="16px"> + Back + </Text> + </Button> + <SecondaryButton width="48%" onClick={props.onViewTransaction}> + Details + </SecondaryButton> + </Flex> + ); + } else if ( + props.buyOrderProcessingState === OrderProcessState.SUCCESS || + props.buyOrderProcessingState === OrderProcessState.PROCESSING + ) { + return <SecondaryButton onClick={props.onViewTransaction}>View Transaction</SecondaryButton>; + } else if (props.buyOrderProcessingState === OrderProcessState.AWAITING_SIGNATURE) { + return <PlacingOrderButton />; + } + + return ( + <BuyButton + buyQuote={props.buyQuote} + assetBuyer={props.assetBuyer} + onAwaitingSignature={props.onAwaitingSignature} + onSignatureDenied={props.onSignatureDenied} + onBuyProcessing={props.onBuyProcessing} + onBuySuccess={props.onBuySuccess} + onBuyFailure={props.onBuyFailure} + /> + ); +}; |