diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-11-10 06:57:29 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-11-10 06:57:29 +0800 |
commit | b5988277087f0ee39109972d73ca94368d6dd4b9 (patch) | |
tree | 8e18c131ac490cb612f8b4c20cfb45ec0bcfde72 /packages/instant/src/components/install_wallet_panel_content.tsx | |
parent | 128abb39dd635599841643ca65bfc286aabaa063 (diff) | |
download | dexon-sol-tools-b5988277087f0ee39109972d73ca94368d6dd4b9.tar dexon-sol-tools-b5988277087f0ee39109972d73ca94368d6dd4b9.tar.gz dexon-sol-tools-b5988277087f0ee39109972d73ca94368d6dd4b9.tar.bz2 dexon-sol-tools-b5988277087f0ee39109972d73ca94368d6dd4b9.tar.lz dexon-sol-tools-b5988277087f0ee39109972d73ca94368d6dd4b9.tar.xz dexon-sol-tools-b5988277087f0ee39109972d73ca94368d6dd4b9.tar.zst dexon-sol-tools-b5988277087f0ee39109972d73ca94368d6dd4b9.zip |
feat: implement basic StandardModalContent with accompanying InstallWalletPanelContent
Diffstat (limited to 'packages/instant/src/components/install_wallet_panel_content.tsx')
-rw-r--r-- | packages/instant/src/components/install_wallet_panel_content.tsx | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/packages/instant/src/components/install_wallet_panel_content.tsx b/packages/instant/src/components/install_wallet_panel_content.tsx new file mode 100644 index 000000000..41b8ec74b --- /dev/null +++ b/packages/instant/src/components/install_wallet_panel_content.tsx @@ -0,0 +1,22 @@ +import * as React from 'react'; + +import { ColorOption } from '../style/theme'; + +import { MetaMaskLogo } from './meta_mask_logo'; +import { StandardPanelContent } from './standard_panel_content'; +import { Button } from './ui/button'; + +export interface InstallWalletPanelContentProps {} + +export const InstallWalletPanelContent: React.StatelessComponent<InstallWalletPanelContentProps> = () => ( + <StandardPanelContent + image={<MetaMaskLogo width={85} height={80} />} + title="Install MetaMask" + description="Please install the MetaMask wallet extension from the Chrome Store." + action={ + <Button width="100%" fontSize="16px" fontColor={ColorOption.white} backgroundColor={ColorOption.darkOrange}> + Get Chrome Extension + </Button> + } + /> +); |