diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-10-25 03:57:25 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-10-25 03:57:25 +0800 |
commit | 11f7f2d29fb0a32cfb65e6206747a8ea35ad0744 (patch) | |
tree | 51507b8e5a834b6f8816dbba84d8cf7b8477fc5b /packages/instant/src/components/placing_order_button.tsx | |
parent | c5554fe30c199155d4e020028aa4aa1f808918b9 (diff) | |
parent | 059868e9942fed4616750d212e706f09d17f397b (diff) | |
download | dexon-sol-tools-11f7f2d29fb0a32cfb65e6206747a8ea35ad0744.tar dexon-sol-tools-11f7f2d29fb0a32cfb65e6206747a8ea35ad0744.tar.gz dexon-sol-tools-11f7f2d29fb0a32cfb65e6206747a8ea35ad0744.tar.bz2 dexon-sol-tools-11f7f2d29fb0a32cfb65e6206747a8ea35ad0744.tar.lz dexon-sol-tools-11f7f2d29fb0a32cfb65e6206747a8ea35ad0744.tar.xz dexon-sol-tools-11f7f2d29fb0a32cfb65e6206747a8ea35ad0744.tar.zst dexon-sol-tools-11f7f2d29fb0a32cfb65e6206747a8ea35ad0744.zip |
Merge branch 'development' of https://github.com/0xProject/0x-monorepo into feature/instant/input-fees-rounding
Diffstat (limited to 'packages/instant/src/components/placing_order_button.tsx')
-rw-r--r-- | packages/instant/src/components/placing_order_button.tsx | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/packages/instant/src/components/placing_order_button.tsx b/packages/instant/src/components/placing_order_button.tsx new file mode 100644 index 000000000..4232e6c22 --- /dev/null +++ b/packages/instant/src/components/placing_order_button.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +import { ColorOption } from '../style/theme'; + +import { Button } from './ui/button'; +import { Container } from './ui/container'; +import { Spinner } from './ui/spinner'; +import { Text } from './ui/text'; + +export const PlacingOrderButton: React.StatelessComponent<{}> = props => ( + <Button isDisabled={true} width="100%"> + <Container display="inline-block" position="relative" top="3px" marginRight="8px"> + <Spinner widthPx={20} heightPx={20} /> + </Container> + <Text fontColor={ColorOption.white} fontWeight={600} fontSize="20px"> + Placing Order… + </Text> + </Button> +); |