diff options
Diffstat (limited to 'packages/instant/src/components/buy_order_state_buttons.tsx')
-rw-r--r-- | packages/instant/src/components/buy_order_state_buttons.tsx | 75 |
1 files changed, 0 insertions, 75 deletions
diff --git a/packages/instant/src/components/buy_order_state_buttons.tsx b/packages/instant/src/components/buy_order_state_buttons.tsx deleted file mode 100644 index 1214559d1..000000000 --- a/packages/instant/src/components/buy_order_state_buttons.tsx +++ /dev/null @@ -1,75 +0,0 @@ -import { AssetBuyer, AssetBuyerError, BuyQuote } from '@0x/asset-buyer'; -import { BigNumber } from '@0x/utils'; -import { Web3Wrapper } from '@0x/web3-wrapper'; -import * as React from 'react'; - -import { ColorOption } from '../style/theme'; -import { AffiliateInfo, Asset, OrderProcessState, ZeroExInstantError } from '../types'; - -import { BuyButton } from './buy_button'; -import { PlacingOrderButton } from './placing_order_button'; -import { SecondaryButton } from './secondary_button'; - -import { Button } from './ui/button'; -import { Flex } from './ui/flex'; - -export interface BuyOrderStateButtonProps { - accountAddress?: string; - accountEthBalanceInWei?: BigNumber; - buyQuote?: BuyQuote; - buyOrderProcessingState: OrderProcessState; - assetBuyer: AssetBuyer; - web3Wrapper: Web3Wrapper; - affiliateInfo?: AffiliateInfo; - selectedAsset?: Asset; - onViewTransaction: () => void; - onValidationPending: (buyQuote: BuyQuote) => void; - onValidationFail: (buyQuote: BuyQuote, errorMessage: AssetBuyerError | ZeroExInstantError) => void; - onSignatureDenied: (buyQuote: BuyQuote) => void; - onBuyProcessing: (buyQuote: BuyQuote, txHash: string, startTimeUnix: number, expectedEndTimeUnix: number) => void; - onBuySuccess: (buyQuote: BuyQuote, txHash: string) => void; - onBuyFailure: (buyQuote: BuyQuote, txHash: string) => void; - onRetry: () => void; -} - -export const BuyOrderStateButtons: React.StatelessComponent<BuyOrderStateButtonProps> = props => { - if (props.buyOrderProcessingState === OrderProcessState.Failure) { - return ( - <Flex justify="space-between"> - <Button width="48%" onClick={props.onRetry} fontColor={ColorOption.white}> - Back - </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.Validating) { - return <PlacingOrderButton />; - } - - return ( - <BuyButton - accountAddress={props.accountAddress} - accountEthBalanceInWei={props.accountEthBalanceInWei} - buyQuote={props.buyQuote} - assetBuyer={props.assetBuyer} - web3Wrapper={props.web3Wrapper} - affiliateInfo={props.affiliateInfo} - selectedAsset={props.selectedAsset} - onValidationPending={props.onValidationPending} - onValidationFail={props.onValidationFail} - onSignatureDenied={props.onSignatureDenied} - onBuyProcessing={props.onBuyProcessing} - onBuySuccess={props.onBuySuccess} - onBuyFailure={props.onBuyFailure} - /> - ); -}; - -BuyOrderStateButtons.displayName = 'BuyOrderStateButtons'; |