From 49ca5992fde3abc89ba308dcd3b188af83dd8d08 Mon Sep 17 00:00:00 2001
From: Szymon Lesisz <sz.lesisz@gmail.com>
Date: Wed, 10 Oct 2018 21:50:20 +0200
Subject: [PATCH] added NemWallet component

---
 .../modals/external/NemWallet/index.js        | 49 +++++++++++++++++++
 src/components/modals/index.js                |  5 ++
 2 files changed, 54 insertions(+)
 create mode 100644 src/components/modals/external/NemWallet/index.js

diff --git a/src/components/modals/external/NemWallet/index.js b/src/components/modals/external/NemWallet/index.js
new file mode 100644
index 00000000..a461e5c5
--- /dev/null
+++ b/src/components/modals/external/NemWallet/index.js
@@ -0,0 +1,49 @@
+/* @flow */
+
+import React from 'react';
+import styled from 'styled-components';
+
+import colors from 'config/colors';
+import icons from 'config/icons';
+
+import Icon from 'components/Icon';
+import Link from 'components/Link';
+import { H3 } from 'components/Heading';
+import P from 'components/Paragraph';
+
+import type { Props } from 'components/modals/index';
+
+const Wrapper = styled.div`
+    width: 360px;
+    padding: 24px 48px;
+`;
+
+const Header = styled.div``;
+
+const StyledLink = styled(Link)`
+    position: absolute;
+    right: 15px;
+    top: 10px;
+`;
+
+const Confirmation = (props: Props) => {
+    const { onCancel } = props.modalActions;
+    return (
+        <Wrapper>
+            <StyledLink onClick={onCancel}>
+                <Icon
+                    size={20}
+                    color={colors.TEXT_SECONDARY}
+                    icon={icons.CLOSE}
+                />
+            </StyledLink>
+            <Header>
+                <Icon icon={icons.T1} size={60} color={colors.TEXT_SECONDARY} />
+                <H3>NEM Wallet</H3>
+                <P isSmaller>If you enter a wrong passphrase, you will not unlock the desired hidden wallet.</P>
+            </Header>
+        </Wrapper>
+    );
+};
+
+export default Confirmation;
\ No newline at end of file
diff --git a/src/components/modals/index.js b/src/components/modals/index.js
index 761fd2a9..890a271e 100644
--- a/src/components/modals/index.js
+++ b/src/components/modals/index.js
@@ -32,6 +32,8 @@ import RememberDevice from 'components/modals/device/Remember';
 import DuplicateDevice from 'components/modals/device/Duplicate';
 import WalletType from 'components/modals/device/WalletType';
 
+import NemWallet from 'components/modals/external/NemWallet';
+
 type OwnProps = { }
 
 type StateProps = {
@@ -128,6 +130,9 @@ class Modal extends React.PureComponent<Props> {
                 component = (<WalletType {...this.props} />);
                 break;
 
+            case 'xem':
+                component = (<NemWallet {...this.props} />);
+                break;
             default:
                 component = null;
         }