diff --git a/src/components/modals/external/NemWallet/components/NemImage/images/nem-download.png b/src/components/modals/external/NemWallet/components/NemImage/images/nem-download.png new file mode 100644 index 00000000..c7551c31 Binary files /dev/null and b/src/components/modals/external/NemWallet/components/NemImage/images/nem-download.png differ diff --git a/src/components/modals/external/NemWallet/components/NemImage/index.js b/src/components/modals/external/NemWallet/components/NemImage/index.js new file mode 100644 index 00000000..2306c435 --- /dev/null +++ b/src/components/modals/external/NemWallet/components/NemImage/index.js @@ -0,0 +1,15 @@ +/* @flow */ + +import React from 'react'; +import styled from 'styled-components'; +import DownloadImg from './images/nem-download.png'; + +const Img = styled.img` + display: block; + width: 100%; + height: auto; +`; + +const NemImage = () => ; + +export default NemImage; diff --git a/src/components/modals/external/NemWallet/index.js b/src/components/modals/external/NemWallet/index.js index 8d5fbdfe..8e2fcc53 100644 --- a/src/components/modals/external/NemWallet/index.js +++ b/src/components/modals/external/NemWallet/index.js @@ -1,6 +1,7 @@ /* @flow */ import React from 'react'; +import PropTypes from 'prop-types'; import styled from 'styled-components'; import colors from 'config/colors'; @@ -8,9 +9,11 @@ import icons from 'config/icons'; import Icon from 'components/Icon'; import Link from 'components/Link'; -import { H3 } from 'components/Heading'; +import Button from 'components/Button'; +import { H3, H4 } from 'components/Heading'; import P from 'components/Paragraph'; +import NemImage from './components/NemImage'; import type { Props as BaseProps } from '../../Container'; type Props = { @@ -18,11 +21,15 @@ type Props = { } const Wrapper = styled.div` - width: 360px; + width: 100%; + max-width: 620px; padding: 24px 48px; `; -const Header = styled.div``; +const StyledButton = styled(Button)` + margin: 0 0 10px 0; + width: 100%; +`; const StyledLink = styled(Link)` position: absolute; @@ -30,7 +37,7 @@ const StyledLink = styled(Link)` top: 10px; `; -const Confirmation = (props: Props) => ( +const NemWallet = (props: Props) => ( ( icon={icons.CLOSE} /> -
- -

NEM Wallet

-

If you enter a wrong passphrase, you will not unlock the desired hidden wallet.

-
+

NEM Wallet

+

We have partnered up with the NEM Foundation to provide you with a full-fledged NEM Wallet.

+

Make sure you download the Universal Client for TREZOR support.

+ + Go to nem.io
); -export default Confirmation; \ No newline at end of file +NemWallet.propTypes = { + onCancel: PropTypes.func.isRequired, +}; + +export default NemWallet; \ No newline at end of file