From d21487d0c07de307bbe9de459f8d3b00e15dc8dc Mon Sep 17 00:00:00 2001
From: Steve Klebanoff <steve.klebanoff@gmail.com>
Date: Tue, 30 Oct 2018 15:47:35 -0700
Subject: Show estimated time

---
 packages/instant/src/components/simulated_progress_bar.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

(limited to 'packages/instant/src/components/simulated_progress_bar.tsx')

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}%`}
-- 
cgit