diff options
| author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-10-31 06:43:38 +0800 |
|---|---|---|
| committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-10-31 06:43:38 +0800 |
| commit | dc9013652914333bfdc3c067d9b83a71f28c7382 (patch) | |
| tree | 0caf8804363e80add1a2267c682d7a673d0b5eb2 /packages/instant/src/components | |
| parent | abaa39a5e24daa8a1a7ff5617a14d2f3088cb0e3 (diff) | |
| download | dexon-0x-contracts-dc9013652914333bfdc3c067d9b83a71f28c7382.tar.gz dexon-0x-contracts-dc9013652914333bfdc3c067d9b83a71f28c7382.tar.zst dexon-0x-contracts-dc9013652914333bfdc3c067d9b83a71f28c7382.zip | |
Remove old files
Diffstat (limited to 'packages/instant/src/components')
| -rw-r--r-- | packages/instant/src/components/progress_bar.tsx | 34 | ||||
| -rw-r--r-- | packages/instant/src/components/zero_ex_instant_container.tsx | 3 |
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 /> |