aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components
diff options
context:
space:
mode:
authorSteve Klebanoff <steve.klebanoff@gmail.com>2018-10-31 06:47:35 +0800
committerSteve Klebanoff <steve.klebanoff@gmail.com>2018-10-31 06:47:35 +0800
commitd21487d0c07de307bbe9de459f8d3b00e15dc8dc (patch)
tree9400d27ebe0bab10a8d31ffe9a82f235d320950c /packages/instant/src/components
parentdc9013652914333bfdc3c067d9b83a71f28c7382 (diff)
downloaddexon-sol-tools-d21487d0c07de307bbe9de459f8d3b00e15dc8dc.tar
dexon-sol-tools-d21487d0c07de307bbe9de459f8d3b00e15dc8dc.tar.gz
dexon-sol-tools-d21487d0c07de307bbe9de459f8d3b00e15dc8dc.tar.bz2
dexon-sol-tools-d21487d0c07de307bbe9de459f8d3b00e15dc8dc.tar.lz
dexon-sol-tools-d21487d0c07de307bbe9de459f8d3b00e15dc8dc.tar.xz
dexon-sol-tools-d21487d0c07de307bbe9de459f8d3b00e15dc8dc.tar.zst
dexon-sol-tools-d21487d0c07de307bbe9de459f8d3b00e15dc8dc.zip
Show estimated time
Diffstat (limited to 'packages/instant/src/components')
-rw-r--r--packages/instant/src/components/simulated_progress_bar.tsx9
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}%`}