diff options
author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-10-27 03:53:04 +0800 |
---|---|---|
committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-10-27 03:53:04 +0800 |
commit | 7fa1f25e065c737e7589b57fb0249db5c1ceb4fb (patch) | |
tree | 21d88ce6c441ddcb62eed2a547753f7c69e6121e /packages/instant/src/components/buy_order_state_button.tsx | |
parent | 68182fb6c41256f9886c7aa0269746b3a9ac632f (diff) | |
download | dexon-sol-tools-7fa1f25e065c737e7589b57fb0249db5c1ceb4fb.tar dexon-sol-tools-7fa1f25e065c737e7589b57fb0249db5c1ceb4fb.tar.gz dexon-sol-tools-7fa1f25e065c737e7589b57fb0249db5c1ceb4fb.tar.bz2 dexon-sol-tools-7fa1f25e065c737e7589b57fb0249db5c1ceb4fb.tar.lz dexon-sol-tools-7fa1f25e065c737e7589b57fb0249db5c1ceb4fb.tar.xz dexon-sol-tools-7fa1f25e065c737e7589b57fb0249db5c1ceb4fb.tar.zst dexon-sol-tools-7fa1f25e065c737e7589b57fb0249db5c1ceb4fb.zip |
buy order state button -> buy order state buttons
Diffstat (limited to 'packages/instant/src/components/buy_order_state_button.tsx')
-rw-r--r-- | packages/instant/src/components/buy_order_state_button.tsx | 63 |
1 files changed, 0 insertions, 63 deletions
diff --git a/packages/instant/src/components/buy_order_state_button.tsx b/packages/instant/src/components/buy_order_state_button.tsx deleted file mode 100644 index 17aa46df5..000000000 --- a/packages/instant/src/components/buy_order_state_button.tsx +++ /dev/null @@ -1,63 +0,0 @@ -import { AssetBuyer, BuyQuote } from '@0x/asset-buyer'; -import * as React from 'react'; - -import { Flex } from '../components/ui/flex'; -import { SecondaryButton } from '../components/secondary_button'; -import { BuyButton } from '../components/buy_button'; - -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 BuyOrderStateButton: 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} - /> - ); -}; |