diff options
Diffstat (limited to 'packages/instant/src/components/buy_order_progress.tsx')
-rw-r--r-- | packages/instant/src/components/buy_order_progress.tsx | 35 |
1 files changed, 0 insertions, 35 deletions
diff --git a/packages/instant/src/components/buy_order_progress.tsx b/packages/instant/src/components/buy_order_progress.tsx deleted file mode 100644 index 11ac5d5e0..000000000 --- a/packages/instant/src/components/buy_order_progress.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import * as React from 'react'; - -import { TimedProgressBar } from '../components/timed_progress_bar'; - -import { TimeCounter } from '../components/time_counter'; -import { Container } from '../components/ui/container'; -import { OrderProcessState, OrderState } from '../types'; - -export interface BuyOrderProgressProps { - buyOrderState: OrderState; -} - -export const BuyOrderProgress: React.StatelessComponent<BuyOrderProgressProps> = props => { - const { buyOrderState } = props; - if ( - buyOrderState.processState === OrderProcessState.Processing || - buyOrderState.processState === OrderProcessState.Success || - buyOrderState.processState === OrderProcessState.Failure - ) { - const progress = buyOrderState.progress; - const hasEnded = buyOrderState.processState !== OrderProcessState.Processing; - const expectedTimeMs = progress.expectedEndTimeUnix - progress.startTimeUnix; - return ( - <Container width="100%" padding="20px 20px 0px 20px"> - <Container marginBottom="5px"> - <TimeCounter estimatedTimeMs={expectedTimeMs} hasEnded={hasEnded} key={progress.startTimeUnix} /> - </Container> - <TimedProgressBar expectedTimeMs={expectedTimeMs} hasEnded={hasEnded} key={progress.startTimeUnix} /> - </Container> - ); - } - return null; -}; - -BuyOrderProgress.displayName = 'BuyOrderProgress'; |