Show estimated time

This commit is contained in:
Steve Klebanoff
2018-10-30 15:47:35 -07:00
parent dc90136529
commit d21487d0c0

View File

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