aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'packages/instant/src/components')
-rw-r--r--packages/instant/src/components/progress_bar.tsx34
-rw-r--r--packages/instant/src/components/zero_ex_instant_container.tsx3
2 files changed, 0 insertions, 37 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>
-);
diff --git a/packages/instant/src/components/zero_ex_instant_container.tsx b/packages/instant/src/components/zero_ex_instant_container.tsx
index ae315da47..6b1042668 100644
--- a/packages/instant/src/components/zero_ex_instant_container.tsx
+++ b/packages/instant/src/components/zero_ex_instant_container.tsx
@@ -5,8 +5,6 @@ import { LatestError } from '../containers/latest_error';
import { SelectedAssetBuyOrderStateButtons } from '../containers/selected_asset_buy_order_state_buttons';
import { SelectedAssetInstantHeading } from '../containers/selected_asset_instant_heading';
-// TODO: delete this import and this actual file
-import { SelectedAssetProgressBar } from '../containers/selected_asset_progress_bar';
import { SelectedAssetSimulatedProgressBar } from '../containers/selected_asset_simulated_progress_bar';
import { ColorOption } from '../style/theme';
@@ -29,7 +27,6 @@ export const ZeroExInstantContainer: React.StatelessComponent<ZeroExInstantConta
<Flex direction="column" justify="flex-start">
<SelectedAssetInstantHeading />
<SelectedAssetSimulatedProgressBar />
- <SelectedAssetProgressBar />
<LatestBuyQuoteOrderDetails />
<Container padding="20px" width="100%">
<SelectedAssetBuyOrderStateButtons />