Add tezos to menu

src/components/modals/external/Tezos/index.js

@@ -0,0 +1,70 @@
+/* @flow */
+
+import React from 'react';
+import PropTypes from 'prop-types';
+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 Button from 'components/Button';
+import { H2 } from 'components/Heading';
+import P from 'components/Paragraph';
+import coins from 'constants/coins';
+
+import TezosImage from './images/xtz.png';
+import type { Props as BaseProps } from '../../Container';
+
+type Props = {
+    onCancel: $ElementType<$ElementType<BaseProps, 'modalActions'>, 'onCancel'>;
+}
+
+const Wrapper = styled.div`
+    width: 100%;
+    max-width: 620px;
+    padding: 30px 48px;
+`;
+
+const StyledButton = styled(Button)`
+    margin-top: 10px;
+    width: 100%;
+`;
+
+const StyledLink = styled(Link)`
+    position: absolute;
+    right: 15px;
+    top: 10px;
+`;
+
+const Img = styled.img`
+    display: block;
+    max-width: 100px;
+    margin: 0 auto;
+    height: auto;
+    padding-bottom: 20px;
+`;
+
+const TezosWallet = (props: Props) => (
+    <Wrapper>
+        <StyledLink onClick={props.onCancel}>
+            <Icon
+                size={24}
+                color={colors.TEXT_SECONDARY}
+                icon={icons.CLOSE}
+            />
+        </StyledLink>
+        <Img src={TezosImage} />
+        <H2>Tezos wallet</H2>
+        <P isSmaller>You will be redirected to external wallet</P>
+
+        <Link href={coins.find(i => i.id === 'xtz').url}>
+            <StyledButton onClick={props.onCancel}>Go to external wallet</StyledButton>
+        </Link>
+    </Wrapper>
+);
+
+TezosWallet.propTypes = {
+    onCancel: PropTypes.func.isRequired,
+};
+
+export default TezosWallet;

src/components/modals/index.js

@@ -29,6 +29,7 @@ import WalletType from 'components/modals/device/WalletType';
 import Nem from 'components/modals/external/Nem';
 import Cardano from 'components/modals/external/Cardano';
 import Stellar from 'components/modals/external/Stellar';
+import Tezos from 'components/modals/external/Tezos';
 
 import QrModal from 'components/modals/QrModal';
 
@@ -168,7 +169,9 @@ const getExternalContextModal = (props: Props) => {
         case 'xlm':
             return <Stellar onCancel={modalActions.onCancel} />;
         case 'ada':
-            return <Cardano onCancel={modalActions.onCancel} />;
+            return (<Cardano onCancel={modalActions.onCancel} />);
+        case 'xtz':
+            return (<Tezos onCancel={modalActions.onCancel} />);
         default:
             return null;
     }

src/constants/coins.js

@@ -67,4 +67,10 @@ export default [
         url: 'https://adalite.io/app',
         external: true,
     },
+    {
+        id: 'xtz',
+        coinName: 'Tezos',
+        url: 'https://wallet.simplestaking.com/tezos/wallet/start',
+        external: true,
+    },
 ];