diff options
| author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-10-31 06:47:35 +0800 |
|---|---|---|
| committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-10-31 06:47:35 +0800 |
| commit | d21487d0c07de307bbe9de459f8d3b00e15dc8dc (patch) | |
| tree | 9400d27ebe0bab10a8d31ffe9a82f235d320950c | |
| parent | dc9013652914333bfdc3c067d9b83a71f28c7382 (diff) | |
| download | dexon-0x-contracts-d21487d0c07de307bbe9de459f8d3b00e15dc8dc.tar.gz dexon-0x-contracts-d21487d0c07de307bbe9de459f8d3b00e15dc8dc.tar.zst dexon-0x-contracts-d21487d0c07de307bbe9de459f8d3b00e15dc8dc.zip | |
Show estimated time
| -rw-r--r-- | packages/instant/src/components/simulated_progress_bar.tsx | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/packages/instant/src/components/simulated_progress_bar.tsx b/packages/instant/src/components/simulated_progress_bar.tsx index 1fd76ead7..5742cd474 100644 --- a/packages/instant/src/components/simulated_progress_bar.tsx +++ b/packages/instant/src/components/simulated_progress_bar.tsx @@ -96,8 +96,17 @@ export class SimulatedProgressBar extends React.Component<SimulatedProgressBarPr public render(): React.ReactNode { // TODO: Consider moving to seperate component + + const estimatedTimeSeconds = Math.ceil((this.props.expectedEndTimeUnix - this.props.startTimeUnix) / 1000); return ( <Container padding="20px 20px 0px 20px" width="100%"> + <Container marginBottom="5px"> + {/* TODO: consider moving to separate component */} + <Flex justify="space-between"> + <Text>Est. Time ({estimatedTimeSeconds} seconds)</Text> + <Text>x</Text> + </Flex> + </Container> <Container width="100%" backgroundColor={ColorOption.lightGrey} borderRadius="6px"> <Container width={`${this.state.percentageDone}%`} |