From 5ea4ae5772e435d6ac5ce9650b4e258686dc6002 Mon Sep 17 00:00:00 2001
From: Szymon Lesisz <sz.lesisz@gmail.com>
Date: Mon, 15 Oct 2018 10:47:17 +0200
Subject: [PATCH] wallet settings page

---
 .../Wallet/views/WalletSettings/index.js      | 41 ++++++++++++++++---
 1 file changed, 36 insertions(+), 5 deletions(-)

diff --git a/src/views/Wallet/views/WalletSettings/index.js b/src/views/Wallet/views/WalletSettings/index.js
index dead180e..3c377beb 100644
--- a/src/views/Wallet/views/WalletSettings/index.js
+++ b/src/views/Wallet/views/WalletSettings/index.js
@@ -1,15 +1,46 @@
 import styled from 'styled-components';
 import React from 'react';
 import { connect } from 'react-redux';
-import Content from 'views/Wallet/components/Content';
 
-const Wrapper = styled.div``;
+import colors from 'config/colors';
+import icons from 'config/icons';
+
+import Content from 'views/Wallet/components/Content';
+import { H2 } from 'components/Heading';
+import Icon from 'components/Icon';
+import Link from 'components/Link';
+import Button from 'components/Button';
+
+const Section = styled.section`
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+`;
+
+const Row = styled.div`
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+`;
 
 const WalletSettings = () => (
     <Content>
-        <Wrapper>
-            Wallet settings
-        </Wrapper>
+        <Section>
+            <Row>
+                <Icon
+                    size={60}
+                    color={colors.WARNING_PRIMARY}
+                    icon={icons.WARNING}
+                />
+                <H2>Wallet settings is under construction</H2>
+                <Link to="/">
+                    <Button>Take me back</Button>
+                </Link>
+            </Row>
+        </Section>
     </Content>
 );