aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/progress_bar.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/instant/src/components/progress_bar.tsx')
-rw-r--r--packages/instant/src/components/progress_bar.tsx34
1 files changed, 0 insertions, 34 deletions
diff --git a/packages/instant/src/components/progress_bar.tsx b/packages/instant/src/components/progress_bar.tsx
deleted file mode 100644
index d5d1f3ded..000000000
--- a/packages/instant/src/components/progress_bar.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import * as React from 'react';
-
-import { ColorOption } from '../style/theme';
-
-import { Container } from './ui/container';
-import { Flex } from './ui/flex';
-import { Text } from './ui/text';
-
-export interface ProgressBarProps {
- percentageDone: number;
- estTimeMs: number;
- elapsedTimeMs: number;
-}
-
-// TODO: Est time to minutes with suffix
-// TODO: time in minutes
-export const ProgressBar: React.StatelessComponent<ProgressBarProps> = props => (
- <Container padding="20px 20px 0px 20px" width="100%">
- <Container marginBottom="5px">
- <Flex justify="space-between">
- <Text>Est. Time ({props.estTimeMs / 1000} seconds)</Text>
- <Text>{props.elapsedTimeMs / 1000}</Text>
- </Flex>
- </Container>
- <Container width="100%" backgroundColor={ColorOption.lightGrey} borderRadius="6px">
- <Container
- width={`${props.percentageDone}%`}
- backgroundColor={ColorOption.primaryColor}
- borderRadius="6px"
- height="6px"
- />
- </Container>
- </Container>
-);