diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-10-05 08:22:36 +0800 |
|---|---|---|
| committer | fragosti <francesco.agosti93@gmail.com> | 2018-10-05 08:22:36 +0800 |
| commit | d9b7aa2e4ba088b4dda1b1d2956de5d267a0674e (patch) | |
| tree | 0bd29c56d178c6a467eb9d84eaca0996b38c029e /packages/instant/src/components/zero_ex_instant_container.tsx | |
| parent | 0cfe5637c048091c9502d49c8526e17cefb1a525 (diff) | |
| download | dexon-sol-tools-d9b7aa2e4ba088b4dda1b1d2956de5d267a0674e.tar dexon-sol-tools-d9b7aa2e4ba088b4dda1b1d2956de5d267a0674e.tar.gz dexon-sol-tools-d9b7aa2e4ba088b4dda1b1d2956de5d267a0674e.tar.bz2 dexon-sol-tools-d9b7aa2e4ba088b4dda1b1d2956de5d267a0674e.tar.lz dexon-sol-tools-d9b7aa2e4ba088b4dda1b1d2956de5d267a0674e.tar.xz dexon-sol-tools-d9b7aa2e4ba088b4dda1b1d2956de5d267a0674e.tar.zst dexon-sol-tools-d9b7aa2e4ba088b4dda1b1d2956de5d267a0674e.zip | |
Add faux order details section
Diffstat (limited to 'packages/instant/src/components/zero_ex_instant_container.tsx')
| -rw-r--r-- | packages/instant/src/components/zero_ex_instant_container.tsx | 43 |
1 files changed, 4 insertions, 39 deletions
diff --git a/packages/instant/src/components/zero_ex_instant_container.tsx b/packages/instant/src/components/zero_ex_instant_container.tsx index b5853594f..efda6ecaf 100644 --- a/packages/instant/src/components/zero_ex_instant_container.tsx +++ b/packages/instant/src/components/zero_ex_instant_container.tsx @@ -2,50 +2,15 @@ import * as React from 'react'; import { ColorOption } from '../style/theme'; +import { InstantHeading } from './instant_heading'; +import { OrderDetails } from './order_details'; import { Container, Flex, Text } from './ui'; export interface ZeroExInstantContainerProps {} export const ZeroExInstantContainer: React.StatelessComponent<ZeroExInstantContainerProps> = props => ( <Flex direction="column" width="350px" justify="flex-start"> - <Container backgroundColor={ColorOption.primaryColor} padding="20px" width="100%"> - <Container marginBottom="5px"> - <Text - letterSpacing="1px" - fontColor={ColorOption.white} - opacity={0.7} - fontWeight={500} - textTransform="uppercase" - fontSize="12px" - > - I want to buy - </Text> - </Container> - <Flex direction="row" justify="space-between"> - <Container> - <Text fontSize="45px" fontColor={ColorOption.white} opacity={0.7} textTransform="uppercase"> - 0.00 - </Text> - <Container display="inline-block" marginLeft="10px"> - <Text fontSize="45px" fontColor={ColorOption.white} textTransform="uppercase"> - rep - </Text> - </Container> - </Container> - <Flex direction="column" justify="space-between"> - <Container marginBottom="5px"> - <Text fontSize="16px" fontColor={ColorOption.white} fontWeight={500}> - 0 ETH - </Text> - </Container> - <Text fontSize="16px" fontColor={ColorOption.white} opacity={0.7}> - $0.00 - </Text> - </Flex> - </Flex> - </Container> - <Container padding="20px" backgroundColor={ColorOption.white} width="100%"> - <Text>hey</Text> - </Container> + <InstantHeading /> + <OrderDetails /> </Flex> ); |