diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-11-14 09:07:38 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-11-14 09:08:11 +0800 |
commit | 35bfd493e87b5d6c76f5bb2176b0992891a4a555 (patch) | |
tree | 3074c8b20494d7537c33e0bc1000d90ee7cfd50c /packages/instant/src/components/wallet_prompt.tsx | |
parent | c8b2a975f47bdacd1cc255c92ffbe3906b36e7be (diff) | |
download | dexon-0x-contracts-35bfd493e87b5d6c76f5bb2176b0992891a4a555.tar.gz dexon-0x-contracts-35bfd493e87b5d6c76f5bb2176b0992891a4a555.tar.zst dexon-0x-contracts-35bfd493e87b5d6c76f5bb2176b0992891a4a555.zip |
feat: display the correct provider type and change unlock / install prompt content
Diffstat (limited to 'packages/instant/src/components/wallet_prompt.tsx')
-rw-r--r-- | packages/instant/src/components/wallet_prompt.tsx | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/packages/instant/src/components/wallet_prompt.tsx b/packages/instant/src/components/wallet_prompt.tsx new file mode 100644 index 000000000..cd0a7828b --- /dev/null +++ b/packages/instant/src/components/wallet_prompt.tsx @@ -0,0 +1,32 @@ +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 WalletPromptProps { + image: React.ReactNode; + onClick?: () => void; +} + +export const WalletPrompt: React.StatelessComponent<WalletPromptProps> = ({ onClick, image, children }) => ( + <Container + padding="14.5px" + border={`1px solid ${ColorOption.darkOrange}`} + backgroundColor={ColorOption.lightOrange} + width="100%" + borderRadius="4px" + onClick={onClick} + cursor={onClick ? 'pointer' : undefined} + boxShadowOnHover={!!onClick} + > + <Flex> + <Container marginRight="10px">{image}</Container> + <Text fontSize="16px" fontColor={ColorOption.darkOrange}> + {children} + </Text> + </Flex> + </Container> +); |