Account settings: SecurityPage

src/Routes.js

@@ -16,6 +16,7 @@ import {
   EditProfilePage,
   SalesConversationPage,
   SearchPage,
+  SecurityPage,
   NotFoundPage,
 } from './containers';
 
@@ -161,9 +162,12 @@ class Routes extends React.Component {
         <MatchWhenAuthorized
           exactly
           pattern="/account/contact-details"
-          component={
-            (props) => <ContactDetailsPage { ...props } router={router} />
-          } />
+          component={ ContactDetailsPage } />
+        <MatchWhenAuthorized
+          exactly
+          pattern="/account/security"
+          component={ SecurityPage } />
+
 
         <Miss component={ NotFoundPage } />
 

src/containers/SecurityPage/SecurityPage.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Page } from '../../components';
+
+export default () => (
+  <Page title="Security" >
+    <p>Change password, delete account</p>
+  </Page>
+);

src/containers/index.js

@@ -13,6 +13,7 @@ import PasswordForgottenPage from './PasswordForgottenPage/PasswordForgottenPage
 import ProfilePage from './ProfilePage/ProfilePage';
 import SalesConversationPage from './SalesConversationPage/SalesConversationPage';
 import SearchPage from './SearchPage/SearchPage';
+import SecurityPage from './SecurityPage/SecurityPage';
 import NotFoundPage from './NotFoundPage/NotFoundPage';
 
 export {
@@ -31,5 +32,6 @@ export {
   ProfilePage,
   SalesConversationPage,
   SearchPage,
+  SecurityPage,
   NotFoundPage,
 };